vitesse
vite-vue3-tailwind-starter
vitesse | vite-vue3-tailwind-starter | |
---|---|---|
48 | 15 | |
8,554 | 1,038 | |
1.0% | - | |
7.5 | 8.0 | |
16 days ago | over 1 year ago | |
TypeScript | Vue | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vitesse
-
Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2
The docs help but also look at vitesse template - that helped me a lot to figure out usage and the author of the template is one of the contributors of unplugin.
- From React to Vue
- Vue 3. How to generate a static website?
-
Vuetify 3 Or Quasar ?
I highly recommend to try Vitesse at least just to see state-of-the-art Vue/Vite features available out there
-
Vuejs themes and frameworks
Although, I think admin templates are overrated, a setup template is a lot more useful, check out: https://github.com/antfu/vitesse
-
Vue ecosystem 2023 - Where to focus?
Nice template bringing it all together: https://github.com/antfu/vitesse
-
List of well-written Vue.js project
Vitesse
-
Best place for business logic in VueJS 3 + Pinia project - vitesse boilerplate
Im using vitesse boilerplate (https://github.com/antfu/vitesse) which has in my opinion standard project structure:
- I havenβt done frontend dev in awhileβ¦ is there a good project skeleton that makes it easy to start a new Vue project?
-
With Nuxt3, vue.js is making huge steps in becoming a reliable and fast framework, you should definitely give it a try! In this article, I build with you a fully configured project and explain all the steps to you.
antfu/vitesse is a great starter for vue similar to nuxt 3 (spa mode). It does auto import, file based routing, etc.. demo here
vite-vue3-tailwind-starter
- Should i do a vue 3 project before jumping into nuxt?
-
Can anyone suggest some good VueJS boilerplates?
I started with this one https://github.com/web2033/vite-vue3-tailwind-starter and modified it to suit my own needs. Replaced Tailwind with Windi (faster, fewer dependencies).
-
How to build a CLI using NodeJS π»
#! /usr/bin/env node const inquirer = require('inquirer'); const shell = require('shelljs'); const path = process.cwd(); const { questions, questionsTs } = require('./utils/questions.js'); inquirer.prompt(questions).then((answers) => { if (answers.framework === 'React') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/GKaszewski/react-tailwind-typescript-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/YashKumarVerma/react-tailwind-template ${answers.projectName}` ); console.log('π οΈ Successfully build the required files'); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } }); } else if (answers.framework === 'NextJS') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/avneesh0612/next-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/Neeraj1005/Nextjs-tailwind-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } }); } else if (answers.framework === 'Svelte') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/jhanca-vm/Svelte-Tailwind ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/web2033/vite-vue3-tailwind-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } });
- Tailwind CSS v3.0.0-alpha + Vue 3 + Vite (starter)
-
lsp-tailwind and lsp-vue support in ide?
i don't know goormide what based? (monaco, ace) but most front-end developers move from css to tailwind(with vue)! when goormide support tailwind(lsp)? we want this powerfull ide does supporting tailwin and vue together! https://github.com/web2033/vite-vue3-tailwind-starter
-
sveltekit + https?
Got it working with Vue, but should be similar in Svelte
-
Vite dev server with "netlify dev" support
Starter template - https://github.com/web2033/vite-vue3-tailwind-starter
- [Vite] Enabling https on localhost
- Try just-in-time compiler for Tailwind CSS with Vite/Vue3
-
Make a Single Page Application (SPA) with Vue.js and Sanity
This project was created using the Vue.js 3 and Tailwind CSS Starter kit, located here.
What are some alternatives?
vite - Next generation frontend tooling. It's fast!
strapi-starter-nuxt-e-commerce - Strapi Starter Nuxt.js E-commerce
Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
asp-net-core-vue-starter - ASP.NET Core + Vue.js starter project
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
supabase-vue-user-management - supabase.io quickstart example in vuejs
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
electron-vite-vue - π₯³ Really simple Electron + Vite + Vue boilerplate.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fastοΌ
vue-cli-plugin-vite - Use vite today, with vue-cli.
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 π