tailwindcss
sveltekit-shiki-code-highlighting
Our great sponsors
tailwindcss | sveltekit-shiki-code-highlighting | |
---|---|---|
7 | 1 | |
719 | 8 | |
1.1% | - | |
5.0 | 3.9 | |
4 months ago | about 2 months ago | |
JavaScript | JavaScript | |
MIT License | BSD 3-clause "New" or "Revised" 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
sveltekit-shiki-code-highlighting
-
SvelteKit Shiki Syntax Highlighting: Markdown Codeblocks
You can see the full SvelteKit code for this project on the Rodney Lab Git Hub repo. If you run into any issues, you can drop a comment below as well as reach out for a chat on Element. Also Twitter @mention if you have suggestions for improvements or questions.
What are some alternatives?
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
svelte-adders - Easily add integrations and other functionality to Svelte apps
sveltekit-electron - Minimal Sveltekit + Electron starter template.
mdsvexamples - Render your Svelte code blocks in MDSveX
shiki - A beautiful yet powerful syntax highlighter
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-adapter-firebase - SvelteKit adapter for Firebase Hosting rewrites to Cloud Functions for a Svelte SSR experience
svelte-meta-tags - Svelte Meta Tags provides components designed to help you manage SEO for Svelte projects.
not-tailwind - A clone of Tailwind landing page using Code Hike
clean-svelte-vite-electron - Cleanly combines svelte vite and electron.
Highlight.js - JavaScript syntax highlighter with language auto-detection and zero dependencies.