Wensity
Components
All components
Show Off
Cinematic Interactions
Text Animations
Elite Micro-Interactions
Agentic AI Interfaces
Morph & Gooey
Heavy SaaS Blocks
Illustrations
3D Components
Carousels
AI Chat UI
Search components
⌘K
Blocks
All blocks
Hero Sections
Feature Sections
How It Works
Pricing Sections
Comparison Sections
Social Proof
FAQ Sections
Contact Sections
CTA Sections
Bento Grids
Navbars
Footers
Animated Backgrounds
Browse all blocks
Studio
Background Studio
Shader, mesh and gradient backgrounds you tune live and export.
CSS Gradient Generator
Layer linear, radial and conic gradients, then copy the CSS.
Mesh Gradient Generator
Drag colour points into a soft mesh, animate it, export it.
Noise Texture Generator
Grain, fractal and cell noise as textures or a CSS grain overlay.
Halftone Generator
Turn any image into halftone dots, screens or CMYK print.
Open Background Studio
Templates
Primitives
Resources
Getting started
Set up a project and add your first component.
CLI
Install and update components from your terminal.
MCP server
Let Claude Code, Cursor or Codex search and install for you.
Blog
Guides on React animation, Next.js and interface design.
Why Wensity
What makes the library different, shown rather than told.
Read the docs
Pricing
K
Toggle menu