AI Canvas

registry.directory/uiNerd16/aicanvas

Open-source animated React and Tailwind components, blocks, and design systems, installable via the shadcn CLI.

4 types124 items
Install

npx shadcn@latest add @aicanvas/ai-job-cards

# works for any of the 124 items in this registry

Featured

ui

ai-job-cards

Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free account required to install; source is free to read.

ui

andromeda-button

A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading icon, and full hover / focus / active / disabled state coverage. Transparent hairline surfaces sit on a near-black canvas, with an electric-blue accent that brightens and glows on interaction. Free account required to install; source is free to read.

ui

meet-the-crew

A swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar. Four stacked cards fan out with soft rotations — drag to browse, tap to choose. Drop in your own photos and names for an About Us section, a character selector, or an onboarding profile picker. Free account required to install; source is free to read.

ui

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. Free account required to install; source is free to read.

ui

bubble-field

An animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming. Free account required to install; source is free to read.

ui

charging-widget

Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously. Free account required to install; source is free to read.

Browse by type