vite-vue3-tailwind-starter
tailwindcss-jit
vite-vue3-tailwind-starter | tailwindcss-jit | |
---|---|---|
15 | 12 | |
1,038 | 2,241 | |
- | - | |
8.0 | 9.0 | |
over 1 year ago | about 3 years ago | |
Vue | JavaScript | |
- | 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.
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.
tailwindcss-jit
-
How can I use CSS variables in arbitrary values?
I found this GitHub issue where someone wants to use CSS variables for padding, like so: p-[var(--app-padding)]
-
Any opinion about the new Rails 7 frontend assets management ?
Just cruised the JIT docs & code on GitHub (merged into main branch).
-
Ask HN: What novel tools are you using to write web sites/apps?
> add non-default variations (mostly different heights/widths than what it ships with).
Check out https://github.com/tailwindlabs/tailwindcss-jit. It got released 3 weeks ago, and supports variable variables in width and height now.
-
Why Tailwindβs Just-In-Time mode is a game-changer and how to use it right now
About two weeks ago, Adam Wathan announced a new Tailwind experiment: Just-In-Time. In this article, I'll tell you what it's all about, and how you can take advantage of it.
-
React Storybook Environment with TailwindCSS
In the latest Storybook update, we finally got support for PostCSS 8. So, to celebrate this occasion, I've put together a React Storybook environment that includes everyone's favourite utility-first CSS framework: TailwindCSS. The environment also utilizes the TailwindCSS JIT compiler & Webpack 5 to bring the build times as close to instant as possible. And to top it off, the repo includes a simple GitHub action that deploys the Storybook to GitHub pages every time something is pushed.
-
NextJS Landing Page Template Free with Tailwind CSS and TypeScript [Open source]
Tailwind CSS 2.0 with the Just-in-time version
-
Latest & Greatest Combo
Itβs not a setup issue. The JIT works differently: thereβs no βpurgingβ. And the issue I described is a known problem: https://github.com/tailwindlabs/tailwindcss-jit/issues/71
- An experimental just-in-time compiler for Tailwind CSS
-
Just-In-Time: The Next Generation of Tailwind CSS β Tailwind CSS
Sidestepping the broader conversation, this "JIT tool" is apparently a postcss plugin, which means you have to spawn postcss process (e.g. at every save events or have build tool do the same).
-
Speed up Next.js build with Typescript and Tailwind CSS
Enter @tailwindcss/jit, a drop-in replacement (though not with 100% feature parity yet) that collects the classes used by your files and only generates the requested classes.
What are some alternatives?
vitesse - π Opinionated Vite + Vue Starter Template
storybook-tailwind - Storybook with Tailwind 2 JIT and PostCSS 8
strapi-starter-nuxt-e-commerce - Strapi Starter Nuxt.js E-commerce
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
asp-net-core-vue-starter - ASP.NET Core + Vue.js starter project
tailwindcss-rtl - Enabling bidirectional support on tailwindcss framework
supabase-vue-user-management - supabase.io quickstart example in vuejs
PostCSS - Transforming styles with JS plugins
electron-vite-vue - π₯³ Really simple Electron + Vite + Vue boilerplate.
nx - Smart Monorepos Β· Fast CI
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fastοΌ
purgecss - Remove unused CSS