Tawny
Four owl-head silhouettes rendered in increasing abstraction, from a solid shape to a dot pattern, wireframe mesh, and scattered particles

Designs that make
your projects ship.

A curated collection of premium web templates and reusable UI components. Free to explore, ready to ship.

Web Designs

Design showcases

Journal

Art

A bilingual bento journal with MDX notes, projects, and interactive demos — open the live showcase.

Next.jsMDXBentoi18n
Open live demo
designs/art

Landing

Ocean

A scroll-driven WebGL landing page where a particle whale, sea turtle, jellyfish, and manta ray morph into one another — open the live showcase.

Next.jsThree.jsGSAPWebGL
Open live demo
designs/ocean

Portfolio

VCard

A dark personal vcard with a profile sidebar, selected work, and short notes — open the live showcase.

Next.jsPortfolioSidebar
Open live demo
designs/vcard
View all designs

UI Components

Desktop previews

Lists, routes, controls, and the three headers in one frame. Every card is a desktop canvas scaled into a 16:9 frame. Open one for the source.

components/issue-list
Issues11

Dashboard

Issue list

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

Code
components/route-sheet

Route

1 hr

10 min

Start

Your Location

34 min

Pickup

W 84 St & Amsterdam Ave

Bikes

30

EBikes

25

44 min

Dropoff

Barrow St & Hudson St

Parking

41

Destination

Wall Street

Maps

Route sheet

A timeline for bike, drive, and transit. One accent, a hairline border, and a 4px grid.

Code
components/social-post

  • Matt James

    5 Jun

    Did a PhD in Naming Layers at Facebook and just became a Founder at Layers

    United KingdomEnergytechClimate+2 more

  • Xingyu Wu

    19 Jun

    Did a PhD in computer science at EPFL and just became a Founder at Stealth Startup

    Ex-UnicornSwitzerlandTechnical founder+2 more

Xingyu Wu

Founder, Stealth Startup

Switzerland

Building a Stealth Startup from scratch—it's fun :)

2009–2014

Doctor of Philosophy—PhD—Statistics

University of Glasgow

People

Social post

Two posts. A feed post carries the sentence, tags, and actions. A profile post carries the person, place, and education.

Code
components/status-select

NOR-142

Empty state for archived projects

Status

Dashboard

Status select

The Board status menu. A 32px trigger, grey status icons, and the open row in tawny.

Code
components/headers

Navigation

Headers

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

Code
components/ui/motion

Build with motion

Motion

Motion Primitives

WordRotate and ShimmerButton for headlines and CTAs.

Code
components/ui/effects
New components

0 designs

Headers, motion, and map primitives — rendered live at real desktop ratio.

Effects

Border & Counters

BorderBeam, AnimatedGradientText, and NumberTicker in one panel.

Code
View all components

Ship with Tawny designs.

Browse designs