Grids, bold grotesk type and signal red. Clarity first.
A Swiss-style SaaS landing page for a bookkeeping app: a product card where 'Close October' matches each transaction one by one, an animated bar chart, a feature list that swaps a live vignette with a hard shadow, a monthly/yearly pricing toggle and an FAQ.
A strict red-black-white Swiss navigation: giant numerals on a modular grid, a red bar that snaps between columns.
A free library of full website designs. Every design runs live in your browser and comes with a detailed prompt you can paste into Claude to build it. Single UI components live separately, in the components lab.
Open any design, press “Copy Claude Prompt” and paste it into Claude. You get a complete React component with Tailwind CSS and Framer Motion that you can drop into a Next.js site.
Yes. All designs and code are free to use in personal and commercial projects under the MIT license.
Start from a clear design language instead of defaults: a deliberate typeface pairing, a strict palette with one accent, and motion with real spring physics. Every prompt here spells those choices out.
28 design languages, including Neo-Brutalist, Bauhaus, Swiss, Japanese Minimal, Luxury Noir, Retro 70s, Memphis, Y2K, Claymorphism, Risograph, Art Deco and 8-bit.
Yes. Use the brief form on the homepage and you will get a reply within one working day.