Development · Website
Vengeance UI
Animated React components and interactions for modern landing pages.
Vengeance UI is an open-source React component collection built with Tailwind CSS and Framer Motion. It provides pre-built, high-motion elements like displacement hover effects, animated tooltips, and scroll-driven cards. Developers can install individual components directly into their Next.js or React projects via the shadcn CLI.
What it's for
- Add animated hover and displacement effects to landing page buttons
- Build interactive marketing layouts with bento grids and scene backgrounds
- Install motion components directly into Next.js projects via CLI
Features
- CLI installation compatible with shadcn/ui workflow
- Motion effects built with React, Tailwind CSS, and Framer Motion
- Text animations including flip text, morphing, and kinetic loaders
- Interactive UI patterns like glass docks, spotlight navbars, and cursor trails
- Pre-built bento grid layouts and scroll-driven sections
Pricing
Free and open source
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Frontend developers and designers building marketing sites with React or Next.js.
- Alternative to
- shadcn/ui, Aceternity UI, Magic UI
- Tags
- react, nextjs, tailwind css, framer motion, ui components, animation
Why it was saved
- @benkimball.ai: Helps developers implement advanced visual effects, masked avatars, and interactive blocks with standard CLI installation commands.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated