The craft behind world-class interfaces.

Wensity UI is a React and Next.js component library of animated components, UI primitives, blocks and templates for Tailwind CSS. Ship anything from a premium landing page to a production web app.

Used by people working at

Featured components and blocks

A taste of the library.

Six live cuts from our hand-built component library, rendered from the same previews as their detail pages.

View all components

A 3D tilted image grid with alternating rows scrolling infinitely in both directions.

A glassy WebGL sphere with a prism ribbon sweeping a full spectrum through it.

A closed MacBook that hinges open and powers on when you hover, in ten finishes.

A 3D Earth lit day and night from the real sun position, wrapped in a soft atmosphere, with smooth drag-to-orbit controls.

A floating label that trails the cursor across your hover targets with an elastic pop-in and a soft spring settle.

Diagonal glass stripes refract a slow, glowing light that follows your pointer.

The island becomes Siri.

A React iPhone mockup whose Dynamic Island swells into the Siri orb. Tap it and the pill rounds out into a smoked glass sphere with three strands of colored light folding through it, each carrying its own spectrum, drawn live by a single WebGL shader.

Custom GLSL shader
three.js
Chassis finishes
4
Frames drawn at rest
0

Install with the CLI, Keep theΒ source.

Wensity drops real files into your app, then leaves you with the code, folders, and terminal workflow you already know.

Wensity CLI terminal transcript

  1. Command: npx wensity@latest init

    Output:

    • Creating wensity.json
    • Detected Next.js + Tailwind v4
    • Ready. Your project can now install Wensity source.
  2. Command: wensity list

    Output:

    • liquid-multimodal-input, Free, Agentic AI
    • animated-code-diff, Pro, Show Off
    • voice-aurora-wave, Pro, Cinematic
    • metric-sparkline-card, Free, SaaS
  3. Command: wensity add animated-code-diff

    Output:

    • Fetching registry metadata
    • Resolving dependencies: framer-motion, @tabler/icons-react
    • Installed components/wensity/animated-code-diff.tsx
  4. Command: wensity whoami

    Output:

    • Authenticated with Wensity token
    • Name: Parth Sharma
    • Plan: Pro
    • Private source access enabled

Full sites, ready to own.

Production-ready templates with real source, clean structure, and enough room to make the product feel fully yours.

Fintech Template

RSC-first fintech template with pricing, FAQ, trust sections, and conversion-focused product storytelling. Built on Next 16 + Tailwind v4.

Fintech Template preview 1
Fintech Template preview 2
Fintech Template preview 3
Minimalistic Portfolio

A calm, single-page personal portfolio with a banner quote, story, projects, blog, sponsors, GitHub contributions, tech stack and contact. Customize every field live with the in-page editor pill.

Minimalistic Portfolio preview 1
Minimalistic Portfolio preview 2
Minimalistic Portfolio preview 3
Docs Site

File-based MD/MDX documentation site with generated routes, per-page metadata, sitemap output, sticky navigation, copyable code blocks, and a switchable color palette.

Docs Site preview 1
Docs Site preview 2
Docs Site preview 3

The last UI library you'll install.

Components, blocks, and source-first workflows designed to stay in your codebase instead of becoming another dependency to manage.

ChatGPT Orb

Fractal noise blooming white ink inside a soft circular mask.

Fan Hover Card Stack

Hover a stacked profile deck and the cards fan out in sequence.

Bento Grid Layout

FLIP-animated grid tiles that expand and reflow with spring physics.

161+ components. All source. Zero lock-in.

Browse all β†’

What developers say about WensityΒ UI.

Real posts from developers on X and Reddit about Wensity UI's React and Next.js components, each linked to the original.

Ship interfaces that feelΒ expensive.

Drop in a component, theme it, own the source. Or hand the whole build to the studio behind it.