fern—ui

Design Systems / Internal Tooling · 2025 · Open Source

Next.jsReactTailwind CSSRadix UIFramer Motion

https://fern-ui.vercel.app

Problem

Every new project was paying a hidden tax. The first two weeks of every sprint — rebuilding the same buttons, modals, cards, galleries from scratch. Deadline pressure meant accessibility got skipped.

“Design debt piled up before the product even launched.”

Solution

fern—ui is our answer to that. A minimal, copy-paste component library that gives any new product a production-grade UI foundation from day one. No package installs. No version conflicts. No lock-in.

Accessible by Default

Radix UI primitives, WCAG compliant

Zero Design Drift

Tailwind CSS, consistent across projects

Alive by Design

Framer Motion animations built in

12+ Components.
Production-tested.

Album CardsAnimated ImageDiamond GalleryDraggable CardsHover Flip CardHover GalleryHoverBox EffectShiny WrapSpider ButtonSplitflapHover DisclosureArtist ListAlbum CardsAnimated ImageDiamond GalleryDraggable CardsHover Flip CardHover GalleryHoverBox EffectShiny WrapSpider ButtonSplitflapHover DisclosureArtist List

0%Faster frontend setup

0+Production components

0%Accessible out of the box

Impact

The best agencies don't just build for clients — they build systems that make every future project better. fern—ui is that system. Proof that we think in foundations, not just features.

A curated, copy-paste component library that gives every new product a production-grade UI foundation from day one.

Have a project in mind?

We take on 3–4 projects per quarter. Let's talk.