Svader – Create GPU-rendered Svelte components
Svader is a library for rendering 2D shaders on Svelte websites, using either WebGL or WebGPU. It's streamlined for the specific use case of rendering 2D graphics using fragment shaders as an alternative to SVG or the JS canvas API, so it's not meant for doing 3D objects like three.js, for example. This started as something I needed for my own project, but I eventually decided to split it into a separate library. I've since found that this use case fits really well into the Svelte compiler-based approach and its fine-grained reactivity system. In general, I think using shaders like these has…
Svader – Create GPU-rendered Svelte components launched on December 14, 2024 with 189 votes, #205 of 5,365 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 1 year on.
In plain words
Svader is a Svelte library for rendering 2D graphics using GPU-accelerated fragment shaders via WebGL or WebGPU. It serves as an alternative to SVG and the canvas API for web developers building data visualizations and graphics-heavy interfaces. The library integrates directly with Svelte's compiler and reactivity system, offering fine-grained control over shader-based rendering without the complexity of 3D frameworks.
written from the facts on this page · September 2026
From the sources
Create GPU-rendered Svelte components. Contribute to sockmaster27/svader development by creating an account on GitHub.
Create GPU-rendered Svelte components with WebGL and WebGPU fragment shaders. In short, a fragment shader can be written as a program that takes the coordinates of a pixel on the screen and returns the color that this pixel should have. This program can be executed on the GPU, ensuring massive parallelism and speed. To learn more about how to write fragment shaders, check out The Book of Shadersfrom github.com
In the maker’s words, at launch
Svader is a library for rendering 2D shaders on Svelte websites, using either WebGL or WebGPU. It's streamlined for the specific use case of rendering 2D graphics using fragment shaders as an alternative to SVG or the JS canvas API, so it's not meant for doing 3D objects like three.js, for example. This started as…
Does a similar job
all alternatives →
Flowbite Svelte2023 · flowbite-svelte.com · ▲180Open-source UI components for Svelte and Tailwind CSS
I made a 3D SVG Renderer that projects textures without rasterization2025 · seve.blog · ▲206How can you make affine transformations (the only ones SVGs are capable of) resemble perspective transformations?
ShadersJul 2026 · shaders.com · ▲22Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.
Svglib a SVG parser and renderer for WindowsMar 2026 · github.com · ▲15svglib is a SVG file parser and renderer library for Windows. It uses Direct2D for GPU assisted rendering and XMLLite for XML parsing. This is meant for Win32 applications and games to easily display SVG images.
- STSVG Triangulation for WebGL2015 · mattdesl.github.io · ▲94
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲341Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 27d ago · corespeed.io
Source: Show HN post ↗ · launch text quoted in part
