React

React skeletons.

Skeletons, with previews you can look at before you pick. Your agent builds the one you choose into your project as real files.

Skeleton

A placeholder shape that previews content structure while data or media is still loading.

ReactTailwind

A loading placeholder with shape variants and animated primary-color HUD accents.

ReactTailwind

Use to show a placeholder while content is loading.

ReactTailwind
8-bit Dashboard 01

Dashboard with sidebar navigation, stat cards, charts, and a drag-and-drop data table.

ReactTailwindScreen
Shimmer

Animated text shimmer for streamed output and loading labels.

ReactTailwind

Uses varied placeholder lines to approximate headings and paragraph copy.

ReactTailwindLoader
Empty

A placeholder for empty collections with supporting copy and actions.

ReactTailwind
Empty State

An empty-state panel with an icon, description, action, and HUD-style corner accents.

ReactTailwind

Reserves space for an avatar and identity details while profile data loads.

ReactTailwindLoader

Approximates alternating conversation rows until message history is available.

ReactTailwindLoader

One link, one round trip

Ask your agent for a skeleton and pick from these.

Your agent brings together possibilities for your project. Explore what speaks to you, then let it build from your choices.

Connect your agent