Design Radar
Support
LiveUpdated 2026-11-08 18:48 UTC

shad-fx

shad-fx is Canvas effects for React, installed with the shadcn CLI. It is ranked #1158 on the Design Radar, in UI component libraries, first seen 40 days ago and shared in 1 post (2.1k views).

Visit sekei.design

shad-fx | PG Gonni agents.md GitHub shad-fx Canvas effects for React, starting with Bayer dithered environmental effects. Rendered on a tiny canvas, using a single ImageData instance per frame, and upscaled with CSS image-rendering: pixelated to keep each frame fast and GPU accelerated. npx shadcn@latest add @sekei/shad-fx 7 effects 1 renderer 2 skills fire bolt rings fluid beam rain snow canvas active on cell 2px seed 1 surface Light Dark fire() colors height 0.5 rate 36 embers 8 import { DitherCanvas , fire , useFx } from "@/components/shad-fx" ; const fx = useFx ( fire ); < DitherCanvas effect ={ fx } /> Install Take the whole library,…

Alternatives to shad-fx

shad-fx in numbers

FAQ

What is shad-fx?

Canvas effects for React, installed with the shadcn CLI It was first shared on X 40 days ago and is ranked #1158 on the Design Radar.

Is shad-fx free?

Pricing is not stated on the page we read.

Who shared shad-fx?

1 account on X, including @alibey_10, in 1 post totalling 2.1k views.

Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:48 UTC. Full method.