What's in the content family?

Layout and presentation components — bento grids, cards, testimonials, marquees, expandable panels, timelines, and text-reveal effects — for marketing and editorial surfaces.

VLLNT UI · Component family

Content components

Browse the Content components currently implemented for the Native renderer.

Browse all components How agents consume the registry28 components

Cards & Layout

React card and layout components — accordions, bento grids, carousels, and expandable cards for organizing page content.

Accordion

Collapsible content sections supporting single or multiple open items. Install Accordion from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Animated List

List whose items animate in sequentially with a staggered entrance. Install Animated List from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Animated Testimonials

Testimonial carousel with animated transitions between quotes. Install Animated Testimonials from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Card

Container with header, content, and footer sections. Install Card from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Carousel

Scrollable content carousel with navigation controls. Install Carousel from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Collapsible

Expandable and collapsible content section. Install Collapsible from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Expandable Cards

Cards that expand on click to reveal additional content. Install Expandable Cards from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

FAQ

Frequently asked questions section with expandable answers. Install FAQ from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Slideshow

Step-through slideshow for presenting content sequentially. Install Slideshow from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Text Effects

Animated text effect components for React — blur, shimmer, scramble, typewriter, and scroll-reveal typography.

Blur Reveal

Reveals content with a blur-to-sharp transition when it scrolls into view. Install Blur Reveal from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Reveal Text

Reveals text with a directional slide-and-fade when it enters the viewport. Install Reveal Text from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

Scramble Text

Scrambles characters then resolves them into the final text. Install Scramble Text from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Shimmer Text

Text with a bright light band that sweeps across it. Install Shimmer Text from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Spinning Text

Text laid out in a circle that rotates continuously. Install Spinning Text from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Text Animate

Animates text in by word or character with configurable effects. Install Text Animate from the VLLNT UI registry with the shadcn CLI.

WebNative

4 storiesView component

Text Reveal

Dims and brightens words as the text scrolls through the viewport. Install Text Reveal from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Text Shimmer

Text with an animated gradient fill that shimmers. Install Text Shimmer from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Typewriter

Types text out character by character with a blinking cursor. Install Typewriter from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

Article & Media Blocks

Content blocks for articles and docs — code blocks, callouts, video embeds, timelines, and MDX rendering.

Callout

Highlighted content block with variant styles for info, warning, danger, and more. Install Callout from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Code Block

Syntax-highlighted code display with copy support. Install Code Block from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Content Intro

Introductory section for content pages with title and description. Install Content Intro from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Document Sibling Nav

Newer/older navigator: links to the previous and next item in an ordered series. Install Document Sibling Nav from the VLLNT UI registry with the shadcn CLI.

WebNative

6 storiesView component

Share Section

Social sharing buttons and link copy section. Install Share Section from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Terminal

Terminal-style display for command output. Install Terminal from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

TLDR Section

Summary section for quick content overview. Install TLDR Section from the VLLNT UI registry with the shadcn CLI.

WebNative

1 storyView component

Account & Billing Badges

Account and billing status components — plan, role, and credit badges plus subscription and wallet cards.

Credit Badge

Balance status pill for credits, wallet states, and billing health. Install Credit Badge from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Plan Badge

Subscription tier indicator for pricing, billing, and account summaries. Install Plan Badge from the VLLNT UI registry with the shadcn CLI.

WebNative

3 storiesView component

Role Badge

Account role indicator for owners, admins, members, and billing contacts. Install Role Badge from the VLLNT UI registry with the shadcn CLI.

WebNative

2 storiesView component

Readable by agents

Your AI agent can install these too.

The registry is exposed as structured data, so coding agents pick the right component without scraping HTML.

/llms.txt

Concise index per the llmstxt.org spec — sections, links, and descriptions.

/llms-full.txt

Full registry context in one fetch — docs plus every component descriptor.

/r/<name>.json

Per-component descriptor: props, accessibility schema, and usage examples.

Frequently asked

What's in the content family?: Layout and presentation components — bento grids, cards, testimonials, marquees, expandable panels, timelines, and text-reveal effects — for marketing and editorial surfaces.