Waiting
Customize and export code (opens in a new tab)Compare designs
Each model builds its own version. Pick your favorite and customize it.
Desktop preview
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
See how each design looks on a full-width desktop screen. Mobile preview
Check how each design adapts to a small phone screen.
How to create best projects components?
Describe the project information. Provide example names, owners, statuses, deadlines, and progress details. Tell the AI whether the component supports managing ongoing work or browsing selected projects.
Prioritize useful actions. Specify which details deserve immediate attention and what users can do with each project. Ask for a structure suited to the content, such as a list, compact cards, or a status-focused view.
Review varied project states. Compare completed, upcoming, and active items with long names. Check that progress and status stay understandable when optional details are missing.
Examples of projects components
Sirius Dashboard
Kanban Column Header Cards (Backlog, In Progress, Done)
A row of three outlined column header cards for a kanban board, each showing a status icon, column name, a count badge, and add and more-options buttons. The compact horizontal layout is used as section headers for task columns in a project management UI.
Mirga
Projects case study with image and project details
A light-background project detail section showing a large monochrome abstract image on the left and a project heading, descriptive paragraphs, and client/date metadata on the right. It presents a single portfolio project in a two-column split layout.
Trizzle
Kanban To Do Column with Task Cards
A dark-themed Kanban board column titled "To do" with a count badge, a purple accent bar, and three stacked task cards showing titles, colored category tags, descriptions, due dates, and assignee avatars. The layout is a vertical list of cards inside a single column container.
asitrastudio
Selected Projects List with Filter Tabs and Preview Image
A project showcase section headed "Selected projects (21)" with category filter tabs (All, Villa, Residance, Apartaments) above a vertical list of project rows, each showing type, location, name, and an arrow link. A large rounded architectural rendering sits to the right as a preview image.
Explore component generators
Generate any section of your website with the same multi-model workflow.
No categories match your search.
