Svelte-Tailwind
tailwindcsscli
Svelte-Tailwind | tailwindcsscli | |
---|---|---|
2 | 1 | |
146 | 13 | |
- | - | |
0.6 | 0.0 | |
over 1 year ago | about 2 years ago | |
Svelte | 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.
Svelte-Tailwind
- Tailwind 3 isnβt generating new classes when developing in SvelteKit
-
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 π' ); } });
tailwindcsscli
-
How to build a CLI using NodeJS π»
{ "name": "@kira272921/tailwindcsscli", "version": "1.0.0", "description": "A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed", "main": "./bin/index.js", "bin": { "tcli": "./bin/index.js" }, "scripts": { "start": "node ./bin/index.js" }, "keywords": ["cli", "tailwindcss", "nodejs"], "author": "Kira272921", "license": "MIT", "dependencies": { "inquirer": "^8.2.0", "shelljs": "^0.8.4" }, "repository": { "type": "git", "url": "git+https://github.com/Kira272921/tailwindcsscli.git" }, "bugs": { "url": "https://github.com/Kira272921/tailwindcsscli/issues" }, "homepage": "https://github.com/Kira272921/tailwindcsscli/issues#readme" }
What are some alternatives?
esbuild-svelte - An esbuild plugin to compile Svelte components
license-templates - Templates for open source and other licenses
tailwindcss - β οΈ MOVED: https://github.com/svelte-add/svelte-add/ β οΈ Add Tailwind CSS to your Svelte project
shelljs - :shell: Portable Unix shell commands for Node.js
vite-vue3-tailwind-starter - Vite, Vue3, Tailwind CSS (single-page app)
next-starter - This template has everything you need to start building your Next.js app with typescript, tailwind CSS, and ESlint π
react-tailwind-typescript-template - React Tailwind with Typescript template
next-starter - A Next.js starter template, packed with features like TypeScript, Tailwind CSS, Next-auth, Eslint, Stripe, testing tools and more. Jumpstart your project with efficiency and style.