Skip to content
Vengeance UI website preview

Vengeance UI

vengeanceui.com

Open-source animated React components and next-gen UI interactions — displacement hovers, animated tooltips and scroll-driven cards installed via the shadcn CLI.

What is Vengeance UI?

Vengeance UI is an open-source library of 46+ animated React components and 100+ blocks built with Next.js, Tailwind CSS and Framer Motion. It focuses on unique interaction patterns like displacement hover effects, animated tooltips and scroll-driven layouts for modern marketing sites. Components are copy-pasted into your project via `npx shadcn add @vengeanceui/[component]`, with full source and design reasoning included. The project is free and backed by the Vercel OSS Program.

Best for

  • Animated landing pages with hover and scroll effects
  • Copy-paste components via the shadcn CLI
  • Marketing sites that need standout interactions

Key features

  • 46+ interactive components across 9 families
  • 100+ blocks with live interactive previews
  • CLI install via the shadcn registry
  • Unique patterns: displacement hover, tooltip rails, bento layouts
  • Built for React and Next.js with Tailwind CSS
ln-dev7/circle website preview

A Linear-inspired project management interface built with Next.js, shadcn/ui and Tailwind CSS for tracking issues, projects and teams.

ReactTailwindOpen Source+2
Opensourceui website preview

A free UI library for React and Next.js with 200+ MIT-licensed copy-paste components, Tailwind blocks, device mockups and TypeScript source.

ReactTailwindNext.js+2
opensourceui.in
Visitopens in a new tab
Appica UI website preview

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

ReactTailwindDesign Systems+3