Library
Browse components by category
Heroes, pricing tables, navigation, dashboards, forms, FAQ… Pick components by the UI you’re building. Every one has a live preview and a prompt you can hand to your model.
Hero componentsThe hero of a product site, SaaS landing page or campaign page: where the headline, subhead and primary button make the first impression.Pricing table componentsSaaS pricing pages, upgrade dialogs, plan comparisons and monthly / yearly toggles.Card componentsSections that present information in groups: features, case studies and work, team members, article lists.Navigation componentsSite headers, tab switches, segmented controls, side navigation and footers.Dashboard and data display componentsDashboards, data tables, chart cards, comparison tables and status panels.Input and form componentsSearch boxes, AI chat inputs, form fields, file uploads, verification codes and anywhere else people type.Motion componentsScroll, hover and entrance motion that gives a page rhythm; animation uses only transform and opacity.Media and gallery componentsImage comparisons, video showcases, galleries, carousels and media cards.FAQ and accordion componentsFAQs, accordions, expandable explanations and grouped settings.Text and heading componentsAnimated headlines, testimonials, emphasis copy and large-type layouts.