Editorial FAQ Accordion
Warm EditorialA numbered FAQ with hairline rules where the plus rotates into a cross and answers unfold on measured-height springs.
Accordions keep long pages short. These open on springs, measure their own height and stay accessible, in styles from editorial to Art Deco.
A numbered FAQ with hairline rules where the plus rotates into a cross and answers unfold on measured-height springs.
Five vertical panels side by side; the hovered panel widens to reveal its story while the rest compress into rotated spine labels.
A vertical process timeline where opening a step draws the connecting line down to it and checks off every earlier step.
A service list where opening an item reveals a color-block 'photo' that wipes in from a clip-path, paired with its deliverables.
A Japanese-minimal accordion of tall vertical-text columns; opening one unrolls it like a scroll and stamps a vermilion seal.
An emerald-and-gold accordion with stepped corners and a sunburst that fans open behind each answer.
A single-open accordion listing what Margins offers; the open row gets an accent bar that grows from the left and its detail unfolds on a spring.
A single-open accordion listing what Hill 412 offers; the open row gets an accent bar that grows from the left and its detail unfolds on a spring.
A single-open accordion listing what Third Round offers; the open row gets an accent bar that grows from the left and its detail unfolds on a spring.
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.