Tawny

UI Components

Headers and building blocks

Live demos of navigation patterns and motion primitives. Open any card to preview and copy the source.

components/navbar

Navigation

Tawny Navbar

Scroll-aware site chrome with brand mark, desktop links, and mobile menu.

Code
components/art/site-header

Navigation

Art Header

Sticky bilingual journal header with bold nav and locale switcher.

Code
components/dev/site-header

Navigation

Dev Header

Terminal-style mono header with blinking cursor and route links.

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, not screenshots.

Effects

Border & Counters

BorderBeam, AnimatedGradientText, and NumberTicker in one panel.

Code
components/ui/dotted-map

Maps

Dotted Map

SVG dotted world map with markers for location moments.

Code

Pair them with live designs

Explore the Art and Dev showcases, then grab the full bundle for commercial use and lifetime updates.

Browse designs