Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project.
A surface-based container with header, body, title, description and footer sections for presenting structured content and actions.
A bounded content container that groups related text, media, and actions into one scannable unit.
A bordered box for dashboards, pricing tiers, and product grids - header, content, and footer with the neobrutalist hard-shadow treatment.
Displays a card with header, content, and footer.
Groups collapsible content inside a card for a contained settings or details section.
Packages tabular content as a bounded dashboard region with its own surface.
Card Coupons for React Email messages, with email-safe layout and configurable content.
A two-sided card that flips to reveal secondary content.
Maintains the multi-column layout until each card's content is available.
Preserves a card's outer shape and content hierarchy during loading.
A carousel with motion and swipe built using Embla.
Jetpack Compose horizontal carousels for browsing scrollable collections in Material 3 layouts.
A component for cycling through elements with smooth transitions.
A swipeable slideshow for product galleries, testimonials, and hero sections - dressed in neobrutalist borders and hard shadows.
A carousel with motion and swipe built using Embla.
A card carousel with direct and previous or next navigation.
Category Preview for React Email messages, with email-safe layout and configurable content.
Draws rules around individual values when rows and columns need strong separation.
Names the transition between regions without requiring a separate heading row.
Collapsible list for presenting intermediate reasoning steps and their status.
A component for displaying a chain of thought process with collapsible steps and triggers.
A chronological change feed with status glows, scanlines, and HUD-style framing.
A warm editorial character filmstrip with framed portraits, numbered identity footers, paper grain, and a looping perspective rail.
A dark dimensional character-card wave with colored tiles, responsive horizontal-to-vertical motion, and orientation toggling.
Beautiful charts. Built using Recharts. Copy and paste into your apps.
A Recharts-based chart wrapper with shared colors, labels, legends, and tooltips.
Shared context and hooks for Bklit chart components
Marker components for highlighting data points on charts
A chatbot component that allows users to chat with an AI model. It uses prompt-kit, shadcn/ui, and AI SDK V5.
A component for creating chat interfaces with intelligent auto-scrolling behavior, designed to provide a smooth and responsive user experience
Approximates alternating conversation rows until message history is available.
A control that allows the user to toggle between checked and not checked.
A Jetpack Compose selection control with checked, unchecked and indeterminate states.
A universal @expo/ui selection control for checked and unchecked states across Android, iOS and web.
A control that allows the user to toggle between checked and not checked.
A selectable form control for toggling a checked state, with an animated default checkmark and disabled or invalid states.
A binary selection control for toggling an independent option on or off, including indeterminate state support.
A binary toggle for consent boxes, multi-select filters, and bulk row selection - with the neobrutalist borders-and-shadows treatment.
Lets users select or clear an individual option with a visible checked state.
Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.
Toggles several independent settings without dismissing the menu after each choice.
A labeled collection of checkboxes for choosing any number of related options as one form field.
Restore point in a conversation with an action for returning to that state.
A Chinese pagoda in vermilion lacquer and green glaze beneath a gilt finial.
A compact selectable or removable chip with monospace HUD styling.
Jetpack Compose compact controls for filters, input, suggestions or assistive actions.
A compact capsule-shaped element for short labels or custom content, with configurable size, color and visual treatment.
A compact visual label for categories, attributes, filters, or statuses that can optionally include an action.