UI

Components

drop in.
customize. ship.

$
npx shadcn@latest add @akoder/fluid-testimonial-card

Featured

Prompt Bar

Available Components

Fluid testimonial card

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

Emoji reactions

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

Todo list

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.

Theme switcher

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

Prompt Bar

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

Ask AI

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

Model Picker

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

Glyph Card

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.

Command Palette

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.

Progress Bars

A minimal textured bar chart with vertical and horizontal layouts, shipping a line fill and a dot matrix fill. Each item needs only a value, with an optional label and tooltip.

Section Rail

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

Interactive Project Explorer

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

Dotted World Map

A lightweight SVG world map made of dots, each tinted by a value. Drop it into analytics, hero sections, or anywhere you need a quiet global pulse.

Copy Command Block

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

Interactive Skill Cloud

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

GitHub Heatmap

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

Fluid Carousel

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

Contact Channels

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

Mode Toggler

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

Workflow Status

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

Snake

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.

Stack Rolodex

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

Trusted Registry

join the orbit.

Built out of pocket. A seat is $5, once, and stays up for good.

Details

1 of 6 seats taken