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
Trizzle
Dark Kanban Board with Four Task Columns
A dark-themed Kanban board with four columns (To do, In progress, In Review, In progress) containing task cards with tags, due dates, avatars, and occasional image thumbnails. The layout arranges columns side by side with colored header underlines and stacked cards within each column.
asitrastudio
Selected projects architecture portfolio grid with filter tabs
A light-background portfolio section headed "Selected projects (21)" with category filter pills (All, Villa, Residance, Apartaments) above a mixed-size grid of rounded architectural rendering cards, each with a tag, title, and location. A "See all projects" text link closes the section.
Sirius Dashboard
Profile card with title, location, company, avatars, and phase progress bar
A bordered card showing a titled profile-style header with a purple icon, location and company metadata, a row of avatars with an add button, and a footer with a PHASE 2 badge, a stage label, and a blue progress bar. The layout is a single vertical stack within one contained card.
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.
Explore component generators
Generate any section of your website with the same multi-model workflow.
No categories match your search.
