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

01Get started

InstallationAgentsChangelog

02Templates

MarlowNewAgentaNewLumeNewSonaeFutur

03Blocks & sections48

Login2 new4Features2 new9FAQs3 new5Footers1 new4HeroesNew9Pricings5 new8
Testimonials2 new3

04Components77

Cards8 new12Headline3 new4Banners2 new5Buttons4 new12Forms1 new8Inputs9 new12Modals3 new8Toolbars2 new5Animated List3 new4Action Search Bar3 new4Action ToolbarUpdatedKanban BoardNewFile TreeNew

05More2

Team InvitationUpdatedCalendar Schedule
02Templates

Marlow

A portfolio for product designers and design engineers, with live project covers, annotated case studies and a lab of interactions to try.

$59 alone, or in ProLive preview

WHAT is this?

A portfolio for people who design and build interfaces. Instead of screenshots, every project cover is a small running version of the product, and each case study pairs a timeline of the work with figures you can point at to read the notes behind them.

The home page has a lab of five interactions visitors can try and slow down, fixed-price engagements with an availability calendar, and a contact form that takes a real brief. Everything personal lives in three files, so swapping in your own name, projects and writing takes an afternoon.

Built with Next.js 16, React 19, Tailwind CSS v4 and Motion, with light and dark themes, reduced-motion support, a ⌘K menu and generated social images.

What's included

Features

  • Live project covers that run in the browser
  • Case studies with a timeline and annotated figures
  • Next.js 16 & React 19
  • A lab of five interactions with slow motion
  • Pricing, availability calendar and a real brief form
  • ⌘K menu, sitemap and generated social images
  • Designed with Tailwind CSS v4
  • Smooth animations with Motion, reduced-motion aware
  • Dark and Light mode

Pages

  • Home
  • Work index and grid
  • Case study
  • Writing
  • Article
  • About
  • Contact
  • 404 Page

Technologies

  • NextJS
    Next.jsv16
  • TailwindCSS
    Tailwind CSSv4.3
  • TypeScriptv5
  • React
    Reactv19
  • next-themesv0.4.6
  • Motionv12
PreviousChangelogNextAgenta