Q
qodesign-free

qodesign-free

registry.directory/teodoravadani/qodesign-free

Free animated React + Tailwind components and two full dashboards (toast stack, pricing switch, upload dropzone, day/night toggle, Orbit and Ledger), MIT; the paid catalog of more animated pieces lives at qodesign.dev.

2 types·6 items·0·updated today
Visit qodesign-freeView on GitHub
Install

$npx shadcn@latest add \https://teodoravadani.github.io/qodesign-free/r/toast-stack.json

# works for any of the 6 items in this registry

Featured

component

toast-stack

Toasts that stack like a deck, fan out on hover with the page blurred behind, swipe away, and morph from spinner to check for promises. Free, MIT, by qodesign.dev.

component

day-night-toggle

Theme switch where the sun rolls into a moon, clouds fall away and stars drop in. Free, MIT, by qodesign.dev.

block

orbit-dashboard

Dark ops dashboard: KPI cards with count-up and sparklines, animated service map, p50/p95/p99 latency chart with crosshair, uptime, regions, cluster rings, deploys and a filterable events table. Free, MIT, by qodesign.dev.

component

pricing-switch

Monthly/yearly pricing switch with a stretchy pill, odometer prices, a 2-months-free badge and a featured card with a spinning border. Free, MIT, by qodesign.dev.

Browse by type

Components4Blocks2