sh4dcnv2 · atlas
← libraries

@akoder

Motion-rich React components and data visualizations — dotted world maps, GitHub activity maps, sliders, carousels, and terminal-style blocks built on Tailwind CSS v4 and Radix UI.

22 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://akoder.xyz/r/registry.json
pnpm pnpm dlx shadcn@latest add https://akoder.xyz/r/registry.json
bun bunx shadcn@latest add https://akoder.xyz/r/registry.json
fetch registry curl -s https://akoder.xyz/r/registry.json

Components

22 total
Fluid testimonial card ui

A compact testimonial card that lifts on hover, with a warm, flowing gradient behind its serif quote and author.

npx shadcn@latest add https://akoder.xyz/r/fluid-testimonial-card.json
Emoji reactions ui

A compact emoji reaction picker that swaps the emoji on your message with a short spring bounce, persistent selection, and keyboard navigation.

npx shadcn@latest add https://akoder.xyz/r/emoji-reactions.json
Todo list ui

Content-sized task rows with completion checks in your primary color, an animated strike-through, and spring reordering that moves finished tasks to the bottom.

npx shadcn@latest add https://akoder.xyz/r/todo-list.json
Theme switcher ui

A visual Light, Dark, and System theme selector with textured previews, an animated selection outline, and keyboard navigation.

npx shadcn@latest add https://akoder.xyz/r/theme-switcher.json
Ask AI ui

A popover prompt launcher with an animated mascot trigger, one-click query links for major AI providers, and instant clipboard fallback.

npx shadcn@latest add https://akoder.xyz/r/ask-ai.json
Model Picker ui

A chat-style model switcher. Provider icons on a side rail filter the list to models available from that provider.

npx shadcn@latest add https://akoder.xyz/r/model-picker.json
Command Palette ui

A keyboard-first ⌘K palette with grouped actions, drill-down pages, recent items, and directional motion, built on cmdk inside a self-contained dialog shell.

npx shadcn@latest add https://akoder.xyz/r/command-palette.json
Dotted World Map ui

A dependency-free SVG world map drawn with dots, tinted by heat value. Ships with interactive markers, tooltips, and a GitHub-style legend.

npx shadcn@latest add https://akoder.xyz/r/dotted-world-map.json
Copy Command Block ui

A multi-package manager terminal command box with tab switcher (npm, pnpm, yarn, bun), persistent storage, copy feedback animation, and blueprint styling.

npx shadcn@latest add https://akoder.xyz/r/copy-command-block.json
GitHub Heatmap ui

An interactive 52-week contribution activity graph with date-fns interval calculation, theme-aware level colors, and date tooltips.

npx shadcn@latest add https://akoder.xyz/r/github-map.json
Interactive Project Explorer ui

An IDE-style project showcase with collapsible year folders, status badges, and floating cursor image hover previews.

npx shadcn@latest add https://akoder.xyz/r/project-explorer.json
Fluid Carousel ui

Accessible touch-swipeable slide carousel with directional spring animations, keyboard arrow navigation, and pagination indicators.

npx shadcn@latest add https://akoder.xyz/r/carousel.json
Mode Toggler ui

A minimal Sun / Moon theme toggle button built on next-themes. Supports an optional click sound, composable className, and dynamic aria-label.

npx shadcn@latest add https://akoder.xyz/r/mode-toggler.json
Interactive Skill Cloud ui

A draggable physics pill cloud powered by matter.js, pills rain down, pile at the bottom, and collide; grab one and fling it.

npx shadcn@latest add https://akoder.xyz/r/interactive-skill-cloud.json
Contact Channels ui

A hairline grid of contact cells with copy-to-clipboard actions, single-key shortcuts, tooltips, and blueprint hover styling.

npx shadcn@latest add https://akoder.xyz/r/contact-channels.json
Section Rail ui

A responsive section navigation rail with scroll tracking, smooth anchor jumps, link mode, and optional rich hover previews.

npx shadcn@latest add https://akoder.xyz/r/section-rail.json
Progress Bars ui

A minimal textured bar chart with vertical and horizontal layouts, shipping a line fill and a dot matrix fill, driven by nothing more than a value per item.

npx shadcn@latest add https://akoder.xyz/r/progress-bars.json
Workflow Status ui

Compact workflow badges with semantic defaults, custom states, icon and colour overrides, two sizes, and an icon-only form.

npx shadcn@latest add https://akoder.xyz/r/workflow-status.json
Glyph Card ui

A hairline card whose background resolves into tiny plus marks on hover, gathering inside the glyph. Draws itself from a single SVG path on a 24x24 grid.

npx shadcn@latest add https://akoder.xyz/r/glyph-card.json
Snake ui

A monochrome snake game on a dot-lattice field. Steer with the arrow keys, WASD, or a swipe, eat to grow by one segment, and wrap around the edges.

npx shadcn@latest add https://akoder.xyz/r/snake.json
Stack Rolodex ui

A rotating vertical pill stack that cycles through a list rolodex-style, with depth scaling, edge fading, and an optional side label.

npx shadcn@latest add https://akoder.xyz/r/stack-rolodex.json
Prompt Bar ui

A compact prompt input with removable context chips, a toolbar slot for your model picker, and async send, stop, and retry states.

npx shadcn@latest add https://akoder.xyz/r/prompt-bar.json