tailwindcss
sveltekit-simple-image-gallery
Our great sponsors
| tailwindcss | sveltekit-simple-image-gallery | |
|---|---|---|
| 7 | 1 | |
| 718 | 6 | |
| 1.0% | - | |
| 5.0 | 4.9 | |
| 4 months ago | 8 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-simple-image-gallery
-
Simple Svelte Responsive Image Gallery
Lastly create a src/lib/assets/ folder and download the six images from that location in the Git repo. Finally create src/lib/generated and repeat, copying the JavaScript files from the equivalent folder on the GitHub repo. Typically you would want to generate these files in a script, updating for required images formats, widths and pixel densities, though I have done this already to save time. You can take a look at the script which generates this data including low resolution placeholders in the repo.
What are some alternatives?
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
sveltekit-image-plugin - SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.
sveltekit-electron - Minimal Sveltekit + Electron starter template.
vanilla-lazyload - LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
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.
web-vitals - Essential metrics for a healthy site.
svelte-adders - Easily add integrations and other functionality to Svelte apps
SvelteKit - web development, streamlined
svelte-meta-tags - Svelte Meta Tags provides components designed to help you manage SEO for Svelte projects.
feather - Simply beautiful open-source icons
clean-svelte-vite-electron - Cleanly combines svelte vite and electron.
responsive-react-native-layout - Handling responsive layout in React Native 🔥