Q
qodesign-free
/
components
Files
Code
Info
Day / Night Toggle
day-night-toggle
Theme switch where the sun rolls into a moon, clouds fall away and stars drop in. Free, MIT, by qodesign.dev.
Pricing Switch
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.
Toast Stack
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.
Upload Dropzone
upload-dropzone
Drag-and-drop upload zone: the border lights up, a shockwave rolls out on drop, each file gets its own progress ring that pops into a check, failures shake and offer Retry. Free, MIT, by qodesign.dev.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Day / Night Toggle
day-night-toggle
Theme switch where the sun rolls into a moon, clouds fall away and stars drop in. Free, MIT, by qodesign.dev.
Pricing Switch
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.
Toast Stack
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.
Upload Dropzone
upload-dropzone
Drag-and-drop upload zone: the border lights up, a shockwave rolls out on drop, each file gets its own progress ring that pops into a check, failures shake and offer Retry. Free, MIT, by qodesign.dev.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information