vite-imagetools
vite-plugin-inline-css-modules
Our great sponsors
vite-imagetools | vite-plugin-inline-css-modules | |
---|---|---|
8 | 3 | |
825 | 52 | |
- | - | |
8.9 | 3.3 | |
8 days ago | 3 months ago | |
TypeScript | TypeScript | |
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.
vite-imagetools
-
QWER : Simply Awesome Blog Starter built with SvelteKit and Love
Automatic image optimization via vite-imagetools.
-
Next.js image alternative in Svelte
The closest solution I’ve found is hacking something together yourself with vite-imagetools
-
What are the weirdest CMS you've seen used to host content?
The projects this solutions works with are customised Sveltekit projects I made. It has everything: markdown parser using Mdsvex, image converting tool using vite-imagetools, it has toml parser, and of course live preview and lots of other smaller things like markdown directives.
-
Show HN: I hype drivingly recreated my website and it was awesome
Hello HN,
I had some christmas free time over the last two weeks (Merry Christmas btw ;-)) and used that time to completely recreate the website of my app[1]. I used all the fancy new tools. I didn't know some of them when I started.
What was my goal?
* Pretty website
* Blazing fast
* Mobile first
* SSR
* Webp support
* Generally all the best website practices (high lighthouse score)
What did I use?
* Tailwindcss (https://tailwindcss.com/)
* Tailwind Components (https://tailwindui.com/)
* React (https://reactjs.org/)
* ViteJs (https://vitejs.dev/)
* Kubernetes (https://kubernetes.io/)
Well what can I say. I hate creating websites, but this was an awesome experience. Never have I created a website more efficiently. Tailwindcss + Components is just the best. ViteJS is so so so much easier to setup compared to webpack and has SSR support on top of it. React has been around somewhat longer and I did a lot of projects with it, so that was a nobrainer. Special thanks to all the people who created these awesome tools.
PS: If you work with lots of images, do yourself a favor and use something like https://github.com/JonasKruckenberg/imagetools. It saved me hours of dreadful work.
[1] https://stockevents.app
vite-plugin-inline-css-modules
-
Is there a solution for CSS modules that would allow to have TSX and CSS in the same file?
This probably doesn't help you solve your problem but it might feel good to know you aren't the only one https://github.com/bluskript/vite-plugin-inline-css-modules
What are some alternatives?
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
unplugin-vue-components - 📲 On-demand components auto importing for Vue
js-image-carver - 🌅 Content-aware image resizer and object remover based on Seam Carving algorithm
vite-aliases - Alias auto generation for Vite
vite-plugin-pwa - Zero-config PWA for Vite
vite-plugin-rsw - 🦞 wasm-pack plugin for Vite
SvelteKit - web development, streamlined
vite - Next generation frontend tooling. It's fast!
MDsveX - A markdown preprocessor for Svelte.
kubernetes - Production-Grade Container Scheduling and Management
vite-plugin-svelte - Svelte plugin for http://vitejs.dev/