tailwindcss
svelte-adders
Our great sponsors
tailwindcss | svelte-adders | |
---|---|---|
7 | 19 | |
718 | 1,394 | |
1.0% | 1.4% | |
5.0 | 8.0 | |
4 months ago | 9 days ago | |
JavaScript | JavaScript | |
MIT License | 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.
tailwindcss
- SvelteKit + Tailwind CSS - I made a script to automate the setup!
-
Discrepancies between Tailwind Playground and Tailwind in Svelte
I install Tailwind in Svelte using svelte-adder. But, when typing the same code in App.svelte (using svelte-adder, I get this.
-
What's the correct way of setting up Tailwind with SvelteKit in 2022?
(Or related package manager). It’s a simple adder that does a couple things - namely creates a tailwind config file, adds dependencies to package.json, and initializes tailwind directives in a main css file. Immediately able to use tailwind after doing this. docs if you’d like more info
- Svelte + Vite + Electron
-
Tailwind 3 isn’t generating new classes when developing in SvelteKit
how did you add it to your project. for new projects I recommend using svelte-add
-
Making sense of Tailwind in Svelte
I'm using Tailwind with SvelteKit on my personal website and I was very pleased to find a tool that will setup Tailwind in a SvelteKit project - https://github.com/svelte-add/tailwindcss.
-
How to add TailwindCSS to SvelteKit
Credit for this package: https://github.com/svelte-add/tailwindcss
svelte-adders
-
I made a set of devtools for small projects
Perhaps your tool can steal some inspiration from the following:
- svelte-add is a similar tool for Svelte(Kit) projects: https://github.com/svelte-add/svelte-add
- svelte-add was originally based on a more generic tool: https://preset.dev
- I actually find `npm create svelte@latest` sufficient most of the time. It's like a starter project with presets for most best practices.
- Show HN: I made a nextjs boilerplate to automate boring stuff
-
What should I learn about using npm libs with Sveltekit as I am getting frustrated
Oof... Not gonna lie, that one looks rough. I would start with something simpler to get started with. Maybe pick one from here https://github.com/svelte-add/svelte-add
- SvelteKit + Tailwind CSS - I made a script to automate the setup!
-
How to integrate TailwindCSS with SvelteKit
For this tutorial, I’ll show you how to use a utility package named svelte-add to handle the integrations.
-
SvelteKit 1.0
If you're just learning SvelteKit, check this tool out: https://github.com/svelte-add/svelte-add
It will save you a ton of time by making it really easy to add integrations to your projects (like Tailwind, Bootstrap, Supabase, Jest, etc)
-
Can Svelte absorbs TailWind?
By the way svelte-add is a great tool to quickly add Tailwind and a bunch of useful tools to a project. Highly recommended! I'm always starting new projects to experiment and this thing saves me a lot of time.
-
Houdini and KitQL Join Forces [self-promotion]
Somewhat the documentation is confusing, IMHO. Maybe it is just me, however there is just too much configuration to be done. I've never figured out how to actually make it work after the latest release 0.7. Would love to have Houdini+KitQL in https://github.com/svelte-add/svelte-add . Just run a simple command like npx svelte-add@latest houdini-kitql with a prompt for graphql URL and done. All the configs added automagically
-
How to Create a Blog with SvelteKit and Strapi
We'll use SvelteAdd to add TailwindCSS to our application quickly. Run the below command to add TailwindCSS to our project.
-
How to Set Up Svelte with Tailwind CSS
I've created a couple of example projects using the npm init command for both Vite and Svelte. Added in Tailwind support using Svelte Add and replaced the index page styles on each with Tailwind styles.
What are some alternatives?
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
svelte-adapter-firebase - SvelteKit adapter for Firebase Hosting rewrites to Cloud Functions for a Svelte SSR experience
sveltekit-electron - Minimal Sveltekit + Electron starter template.
eslint-plugin-svelte3 - An ESLint plugin for Svelte v3 components.
sveltekit-shiki-code-highlighting - SvelteKit Shiki syntax highlighting: use any VSCode colour theme to accessibly syntax highlight code on your SvelteKit app with line numbers.
sveltegram-sveltekit-web - This is a simple instagram like image and post sharing web app where user can follow another user view their profile like post and create post
sveltekit-simple-image-gallery - Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.
svelte-meta-tags - Svelte Meta Tags provides components designed to help you manage SEO for Svelte projects.
SvelteKit - web development, streamlined
clean-svelte-vite-electron - Cleanly combines svelte vite and electron.
sveltekit-starter - Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.