Kokonut UIPro
ComponentsTemplatesPricing
Sign inGet Pro
Kokonut UIPro
TemplatesPricingSign in
Get Kokonut UI Pro

01Get started

InstallationAgentsChangelog

02Templates

FleetNewMarlowNewAgentaNewLumeNewSonaeFutur

03Blocks & sections48

Login2 new4Features2 new9FAQs3 new5Footers1 new4HeroesNew9Pricings5 new8
Clinic DashboardUpdatedTeam CalendarUpdatedProjects DashboardUpdatedStorefrontUpdatedBilling & UsageNewTeam MembersNew
Testimonials2 new3

04Components109

AINew19Cards11 new15Charts & DataNew6Headline3 new4Banners2 new5Buttons5 new12Forms2 new9Inputs12 new13Modals3 new8Toolbars2 new5Animated List3 new4Action Search Bar2 new3Action ToolbarUpdatedKanban BoardNewFile TreeNewReview PinsNewVersion HistoryNewTab StripNew

05More2

Team InvitationUpdatedCalendar Schedule
03Blocks & sections48Pages2 new6

Updated, October 16, 2026

Projects Dashboard

Design team workspace with drawn project covers, live search, status filters, a grid that morphs into a list, favourites and a new-project dialog.

Install with
no extra packages

Every cover is drawn in SVG from the project's cover kind (brand, mobile, web, icons, illustration, deck or checkout) in neutrals that follow the theme and one muted tint, so there are no images to host. Hovering a card shows a second state: the phone screens scroll, the slides fan out, the browser hero swaps its media. Starring a project moves it into Favourites, the list toggle shrinks each cover into its row thumbnail, and search (press / or ⌘K) highlights the match as you type. New project (N) checks the link as you type and suggests a free one when the name is taken.

Everything runs on demo data. Pass your own data, and wire onCreateProject, onOpenProject, onToggleFavorite and onNavigate to your API and router.

PreviousTeam CalendarNextStorefront