NEWSaaS Dashboard KitAI-ready from day one →
OTFOTF

— Patterns Library

14+ Patterns.

Motion, backgrounds, and engagement effects — vibe over UI. 14 web + 0 React Native — fully typed, dark-mode native, with live previews.

MITTypeScriptTamaguiTailwind v4Dark-first
14 live demos
Display

Gradient Background

Static gradient backgrounds in multiple presets — for hero sections and banners.

#background#gradient#decorative
Display

Animated Gradient

Slow-drifting animated gradient mesh for ambient hero backgrounds.

#background#gradient#motion
Display

Dotted Background

Dotted-grid background pattern — subtle texture without competing for attention.

#background#dots#pattern
Display

Noise Background

Subtle noise texture overlay for added depth on flat surfaces.

#background#noise#texture
Display

Hero Shader

WebGL shader hero background with motion control and reduced-motion support.

#background#shader#hero
Display

Fade In

Fade-in entrance primitive with configurable delay and duration.

#animation#motion#entrance
Display

Slide In

Slide-in entrance primitive from any edge — top / right / bottom / left.

#animation#motion#entrance
Display

Scale In

Scale-up entrance primitive for cards, badges, and modal content.

#animation#motion#entrance
Display

Stagger

Staggered children animation primitive for animating lists and grids.

#animation#motion#list
Display

Ripple

Material-style ripple effect on press — for buttons and tappable surfaces.

#animation#motion#interaction
Display

Reveal

Scroll-triggered reveal animation primitive for content-rich pages.

#animation#motion#scroll
Display

Transition

Smooth transition primitive for animating value changes between states.

#animation#motion#change
Feedback

Onboarding Checklist

Step-by-step onboarding checklist with progress tracking and completion state.

#onboarding#checklist#progress
Feedback

Intro Disclosure

First-time-user disclosure card with multi-step walkthrough.

#onboarding#intro#disclosure

Showing 14 of 14 web patterns · live preview available