Wensity

Overview

Wensity UI is a React and Next.js component library of animated components, UI primitives, blocks and templates for Tailwind CSS, built by the team behind the Wensity web design agency. It offers both free and premium items, with a focus on motion: cinematic interactions, text animations, agentic AI interfaces, morph and gooey effects, and 3D components.

The library lives at ui.wensity.com, while wensity.com now presents the agency itself. Its shadcn registry lists 95 entries, including a full set of primitives (button, dialog, data table, sidebar, chart and more), text animation and AI interface blocks, and Inter and Geist font items. A CLI and an MCP server let Claude Code, Cursor or Codex search and install components.

Features

• Component categories: Show Off, Cinematic Interactions, Text Animations, Elite Micro-Interactions, Agentic AI Interfaces, Heavy SaaS Blocks, 3D Components and AI Chat UI.
• AI interface pieces: Liquid multimodal input, voice aurora wave, model context switcher and generative skeleton mesh.
• Text animations: Shimmer, flip, morphing, glitch, scribble, chroma reveal, ripple and more.
• Blocks: Hero, feature, how it works, pricing, comparison, social proof, FAQ, contact and CTA sections, bento grids, navbars and footers.
• Showcase components: Black Hole Hero, Siri Orb, Animated MacBook, Fluted Glass, Peel Effect and Liquid Metal Button.
• Background Studio: Shader, mesh and gradient backgrounds tuned live and exported, plus gradient, noise and halftone generators.
• CLI and MCP: Install and update from the terminal or through AI coding agents.

Tech stack

• React, Next.js
• Tailwind CSS
• WebGL for orb and shader components

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @wensity/component-name