Tawny

Components for production Next.js

Live UI you can preview and copy. Navigation, dashboards, motion, maps, and portfolio pieces.

pnpm create tawny@latest art my-site
cd my-site
pnpm dev

Start here

Headers

headers

Tawny, Art, and Dev in one frame. Open a header in the sidebar for its own source.

Category
Navigation
Includes
Tawny, Art, and Dev
Files
4 to copy

Issue list

issue-list

A 4px grid, 16px icons on the text line, labels and ids on the left, numbers and dates on the right.

Category
Dashboard
Includes
Labels, ids, and dates
Files
1 to copy

Motion Primitives

motion

WordRotate and ShimmerButton for headlines and CTAs.

Category
Motion
Includes
WordRotate, ShimmerButton
Files
2 to copy

Jump straight in

Pick a group and open the live preview. Each page includes the source to copy.

components/issue-list
Issues11

Issue list

A 4px grid, 16px icons on the text line, labels and ids on the left, numbers and dates on the right.

Category
Dashboard
Files
1 to copy

Explore the documentation