All Projects â†’ el3um4s â†’ memento-svelte-electron-typescript

el3um4s / memento-svelte-electron-typescript

Licence: MIT License
Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)

Programming Languages

typescript
32286 projects
Svelte
593 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to memento-svelte-electron-typescript

svelte-electron-boilerplate
🧬 Create a desktop app with this user-friendly Svelte boilerplate for electron
Stars: ✭ 70 (+159.26%)
Mutual labels:  svelte, electron-app, electronjs, electron-svelte
Figmatocode
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Stars: ✭ 2,299 (+8414.81%)
Mutual labels:  svelte, tailwind, tailwindcss
svelte-typescript-rollup
Svelte + Typescript + Rollup
Stars: ✭ 79 (+192.59%)
Mutual labels:  svelte, sveltejs, svelte-js
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+259.26%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
Twin.macro
đŸŠč‍♂ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Stars: ✭ 5,137 (+18925.93%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
EddieHubCommunity.github.io
Information about our community
Stars: ✭ 88 (+225.93%)
Mutual labels:  svelte, tailwind, tailwindcss
svelte-interview-questions
Concepts and Questions related to Svelte - Part of official Svelte resources list
Stars: ✭ 18 (-33.33%)
Mutual labels:  svelte, sveltejs, svelte-js
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (+270.37%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
svelte-tailwind-snowpack
TailwindCSS with Svelte and Snowpack v3
Stars: ✭ 100 (+270.37%)
Mutual labels:  svelte, tailwind, tailwindcss
kickstart
Ruby on Rails application templates
Stars: ✭ 61 (+125.93%)
Mutual labels:  svelte, tailwind, tailwindcss
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript âšĄïž Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (+1829.63%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (+3.7%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
cra-tailwindcss
Integrate Tailwind CSS in a Create React App setup
Stars: ✭ 105 (+288.89%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
svelte-meteor-data
Reactively track Meteor data inside Svelte components
Stars: ✭ 14 (-48.15%)
Mutual labels:  svelte, sveltejs, svelte-js
tailwind-ui-components
Free Tailwind CSS UI Components - Crafted for modern websites, landing pages and web apps. TailGrids Core is free and open-source so, feel free to use with your personal or commercial projects. If you would like to show your support and love, don't forget to give us a star 🌟
Stars: ✭ 49 (+81.48%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
s-date-range-picker
📅 A date range picker built with Svelte
Stars: ✭ 13 (-51.85%)
Mutual labels:  svelte, sveltejs, svelte-js
tailwind-color-alpha
Automatic alpha variants for your Tailwind CSS colors based on your opacity config
Stars: ✭ 21 (-22.22%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Stars: ✭ 861 (+3088.89%)
Mutual labels:  tailwind, tailwindcss, tailwind-css
Limg
An image hosting service powered by Laravel
Stars: ✭ 41 (+51.85%)
Mutual labels:  tailwind, tailwindcss
material-tailwind-kit-react
Free and Open Source UI Kit for Tailwind CSS and React based on Google's Material Design.
Stars: ✭ 45 (+66.67%)
Mutual labels:  tailwindcss, tailwind-css

MEMENTO - Svelte, TailwindCSS, Electron and TypeScript

screenshot-01

Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)

Get Started

This is a project template for Svelte and Electron apps. It lives at https://github.com/el3um4s/memento-svelte-electron-typescript.

To create a new project based on this template using degit:

npx degit el3um4s/memento-svelte-electron-typescript svelte-app
cd svelte-app

Then install the dependencies with

npm install

Note that you will need to have Node.js installed.

Command

For development purpose:

  • npm run nodemon: auto restart Electron on change
  • npm run dev: auto reload the web page when you change Svelte files

For publish purpose:

  • npm run out:win: create an exe file for Windows
  • npm run publish:win: publish the app on GitHub

For test purpose:

  • npm run test: test the app
  • npm run test:show-trace: open the saved testing trace using Playwright CLI

Notes

I'm blogging about the development process in these posts:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].