A four-state feature section of equal-weight icon cards, with optional real "learn more" links and no cap on how many render.
Loading preview…
This component is part of Pro
The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.
Why teams pick it
Not a screenshot gallery — each entry arrives with a contract, a prompt and every state handled.
Every component paints with your theme variables, so dark mode and rebrands come for free.
See the tokensEach component includes a parameterised recipe your agent can rewrite into a fitted variant.
Read a promptA zod schema is the single source of truth, and loading, empty and error are first-class branches.
Browse blocksOne shadcn command drops the source into your repo — no runtime dependency, no lock-in.
Focus rings, landmarks and live regions are wired before a component is allowed to ship.
MIT-licensed output: fork it, restyle it, ship it in client work without asking anyone.
Read the licenseWhy teams pick it
Not a screenshot gallery — each entry arrives with a contract, a prompt and every state handled.
Every component paints with your theme variables, so dark mode and rebrands come for free.
See the tokensEach component includes a parameterised recipe your agent can rewrite into a fitted variant.
Read a promptA zod schema is the single source of truth, and loading, empty and error are first-class branches.
Browse blocksOne shadcn command drops the source into your repo — no runtime dependency, no lock-in.
Focus rings, landmarks and live regions are wired before a component is allowed to ship.
MIT-licensed output: fork it, restyle it, ship it in client work without asking anyone.
Read the licenseNew components land in the same registry, so upgrading is another install, not a migration.
Why teams pick it
Not a screenshot gallery — each entry arrives with a contract, a prompt and every state handled.
This description exists to prove the card has no fixed height and no overflow clip: it keeps going, and going, describing the migration path, the token overrides, the accessibility audit, the dark-mode contrast checks and the fact that the whole paragraph must still be readable at 375px wide — if any of this text disappeared behind a max-height, the component would be silently lying to the reader about what the data contains.
Read the migration notesEach component includes a parameterised recipe your agent can rewrite into a fitted variant.
Read a promptOne shadcn command drops the source into your repo — no runtime dependency, no lock-in.
No features to show
Features appear here once they are published.
Couldn't load features
The data source didn't respond.
Zyeon UI