Blind Pull Toggle

A dark/light mode toggle styled as a window-blind pull cord — click to yank the cord and watch the icon swap through a venetian-blind slat animation.

Buttons & TogglesFramer MotionInteractive

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/blind-pull-toggle.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this