React Origami Background
Folded-paper origami background for React and Next.js — faceted polygons drift, rotate, and wobble with flat-shaded light, mid, and shadow planes.
React Origami Background preview
A slow parade of folded paper shapes drifting across the page — cranes, kites, stars, and butterflies built from faceted triangles with distinct light, mid, and shadow planes so each piece reads as a genuine 3D paper fold rather than a flat silhouette. Pure canvas, zero dependencies, back-to-front depth sort so large foreground pieces land on top of smaller distant ones, and a pastel palette tuned for premium craft, stationery, and design-studio aesthetics. Ideal for design-tool landing pages, print-adjacent SaaS, creative portfolios, and any hero that wants a tactile, handmade feel instead of another gradient mesh.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:
use shadcnio to install the origami background into my projectRelated Components
Hexagon
Honeycomb grid background
Confetti
Falling celebratory paper rectangles
Boxes
Translucent drifting squares
Particles
Mouse-reactive particle field
Sparkles
Twinkling star specks
Grid Pattern
Clean repeating grid lines
FAQ
Was this page helpful?
Sign in to leave feedback.