Components

Components are UI blocks you can drop into a page on their own: buttons, cards, inputs, navigation, pricing, data display, backgrounds, motion and more, 49 in total.

#Browse and filter

Click Components in the workspace sidebar to open the category panel: featured, newest, and every category with its real count. List pages sort by recommended or newest, and Filter narrows things down by category group and keyword.

#Preview

Click any card to open the full-screen viewer: flip left and right, switch the preview between dark and light, refresh it and see similar items. Press ← → to switch, Esc to close.

#What’s in a component

Each component is HTML, CSS and a little JS, with no framework dependency. When you copy the prompt, the model rewrites it for your project’s stack (React, Vue, plain HTML and so on).