bee-music
vite-vue3-tailwind-starter
Our great sponsors
bee-music | vite-vue3-tailwind-starter | |
---|---|---|
9 | 15 | |
178 | 1,038 | |
- | - | |
0.0 | 8.0 | |
almost 2 years ago | over 1 year ago | |
Vue | 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.
bee-music
-
Different themes for your templates, what's the best strategy?
You can use VueUse and v-if for theme conditional rendering. Demo. Reference at bee-music
-
Implementing a simple theme switcher
bee-music
-
When is a state management library warranted in Vue 3?
I using Pinia as state management library in some below my projects list. Hope to be useful to you: * twitter-clone * bee-music * gitbox * e-shopee * notedev
-
Which UI framework do you prefer?
Windicss: bee-music gitbox e-shopee
-
Where do you get you get design ideas before you start?
I sometimes use from dribble to make bee-music web-app
-
Can anyone suggest some good VueJS boilerplates?
Vite + Vue3(2022)
-
Any packages for front end design components?
If you find some package or library for design, you can try with some thing below: - Vite + Vue3 + WindiCSS + Cypress : https://github.com/thuongtruong1009/e-shopee - Quasar + TailwindCSS + Firebase + Vue3 + SCSS: https://github.com/thuongtruong1009/twitter-meta - Vite (latest) + Vue template: https://github.com/thuongtruong1009/bee-music - Started Vue CLI template: https://github.com/thuongtruong1009/notedev
-
Should I learn CSS before Vuejs?
You can learn parallel Vue and CSS at here https://github.com/thuongtruong1009/bee-music
-
Music web using Vue3 + Vite + TypeScript + WindiCSS
I've just deployed a music web that get idea inspiration at dribble This project is written by me in Vue3 on Vite + TypeScript combined with WindiCSS + Prettier + Cypress. The website designed by myself will help you to have soothing and pleasant melodies. Let's hear and feel it! Currently, I am still continuing to develop it to become a finished product as soon as possible. Follow us. Please support me by giving this repository 1 star at: https://github.com/thuongtruong1009/bee-music
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?
Moosync - Music player capable of playing local audio or from Youtube, Spotify and many more
vitesse - π Opinionated Vite + Vue Starter Template
electron-vite-vue - π₯³ Really simple Electron + Vite + Vue boilerplate.
strapi-starter-nuxt-e-commerce - Strapi Starter Nuxt.js E-commerce
vue-calendar-heatmap - A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
asp-net-core-vue-starter - ASP.NET Core + Vue.js starter project
equilibrionatural-controle_estoque - Multi-platform application for inventory control in 2 physical units
supabase-vue-user-management - supabase.io quickstart example in vuejs
notedev - π A convenient space to keep a diary of things that need to be done every day
Vleer - A Music app from the Future, replacing Spotify, Apple Music etc. Built with Tauri and Nuxt.js
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fastοΌ