VLLNT UI · Component family

Utility components

Browse the Utility components currently implemented for the Native renderer.

Motion & Hover Interactions

Magnetic buttons, 3D card flips, shimmer sheens, animated counters, marquees, and loading spinners that bring pointer-driven motion to your UI.

Floating Action Button

Fixed-position action button for primary actions. Install Floating Action Button from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
1 storyView component

Animated Text

Staggered text reveal for headings, pull quotes, and short supporting copy. Install Animated Text from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
12 storiesView component

Number Ticker

Animated number transitions for stats, KPIs, and compact numeric callouts. Install Number Ticker from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
2 storiesView component

Marquee

Continuously scrolling content lane for badges, logos, and status chips. Install Marquee from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
5 storiesView component

Spinner

Animated loading spinner indicator. Install Spinner from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
1 storyView component

Layout Helpers

Aspect-ratio boxes, resizable panels, custom scroll areas, tables of contents, and text truncation for structuring page layouts.

Aspect Ratio

Constrains content to a specified aspect ratio. Install Aspect Ratio from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
1 storyView component

Resizable

Resizable panel layout with draggable handles. Install Resizable from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
1 storyView component

Truncated Text

Single-line text that truncates with an ellipsis when it exceeds a configurable max width. Install Truncated Text from the VLLNT UI registry with the shadcn CLI.

Supported platforms:WebNative
1 storyView component

Frequently asked

What's in the utility family?
Indicators and helpers — spinners, skeletons, copy buttons, QR codes — plus visual effects like glass surfaces, particles, shimmer, and magnetic interactions.