Danger Stripes
Three animated caution-tape stripes on a dark canvas. Hover to trigger chaotic jitter, click to intensify.
CreativeInteractive
WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER •
WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER •
WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER • WORK IN PROGRESS • DO NOT CLICK OR HOVER • DANGER •
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/danger-stripes.json"2
For dark mode, add the dark class to your <html> element:
<html class="dark">