MCPcopy Index your code
hub / github.com/Ashutoshx7/VengenceUI

github.com/Ashutoshx7/VengenceUI @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
942 symbols 2,105 edges 296 files 1 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

VengeanceUI

Modern animated UI components for building beautiful landing pages faster.

Copy. Paste. Customize. Ship.


Community Token CA

C5x6c7mJsJrw23JeMF1hfZvre4gQaA5JNSSLwnjGpump

View on DEX Screener

Always verify the CA from official VengeanceUI sources before interacting with it.


GitHub stars GitHub forks GitHub issues


Backed by the Vercel Open Source Program

Vercel OSS Program


https://github.com/user-attachments/assets/8d20c9ae-31a8-4284-a8ae-77ca11d15c53

About

VengeanceUI is a modern, animated UI component library designed to help developers build beautiful landing pages and interfaces faster.

It provides ready-to-use, copy-paste friendly components with smooth animations, clean design, and developer-focused implementation.

The goal is simple: help builders ship better interfaces without wasting hours recreating the same UI patterns again and again.


Features

  • Prebuilt UI components for landing pages and modern websites
  • Smooth, tasteful animations powered by Framer Motion
  • Copy-paste friendly implementation
  • Fully customizable styling with Tailwind CSS
  • Clean, minimal, and production-ready design
  • Developer-first DX with simple integration
  • Built for creators, startups, portfolios, SaaS pages, and product launches

Tech Stack

VengeanceUI is built using modern frontend technologies:

  • React — Component-based UI development
  • TypeScript — Type safety and better developer experience
  • Tailwind CSS — Utility-first styling for rapid UI development
  • Framer Motion — Smooth animations and transitions
  • Next.js — Modern frontend framework
  • Vite — Fast development server and build tooling
  • ESLint & Prettier — Code quality and formatting

What You Can Build

With VengeanceUI, you can quickly build:

  • Landing pages
  • Portfolio sections
  • SaaS hero sections
  • Animated navigation bars
  • Product showcases
  • Feature sections
  • Testimonials
  • Interactive UI blocks
  • Modern marketing websites

Why VengeanceUI?

Most UI libraries either feel too generic or require too much setup.

VengeanceUI focuses on components that are:

  • Visually strong
  • Easy to copy
  • Easy to customize
  • Animation-ready
  • Built with modern frontend tools
  • Useful for real-world product pages

It is made for developers who want to move fast without compromising design.


Star History

<img
  alt="Star History Chart"
  src="https://api.star-history.com/svg?repos=Ashutoshx7/VengeanceUI&type=Date&legend=top-left"
/>


Contributing

Contributions are welcome.

If you want to improve an existing component, add a new component, fix bugs, or improve documentation, feel free to open an issue or pull request.


Support

If you like VengeanceUI, consider giving the repository a star.

It helps the project grow and reach more builders.

Built by Ashutosh

Extension points exported contracts — how you extend this code

TOCItemDef (Interface)
(no doc)
src/components/layout/toc.tsx
TailwindIconProps (Interface)
(no doc)
src/assets/icons/tailwind-icon.tsx
ComponentItem (Interface)
(no doc)
src/lib/components-catalog.ts
BlockProps (Interface)
(no doc)
src/hooks/useClipboard.ts
ComputedSVG (Interface)
(no doc)
src/components/layout/toc.tsx
ReactIconProps (Interface)
(no doc)
src/assets/icons/react-icon.tsx
ComponentCategory (Interface)
(no doc)
src/lib/components-catalog.ts
ThumbState (Interface)
(no doc)
src/components/layout/toc.tsx

Core symbols most depended-on inside this repo

cn
called by 509
src/lib/utils.ts
handleKeyClick
called by 109
src/components/ui/interactive-keyboard.tsx
marketingPageMetadata
called by 10
src/lib/marketing-pages.ts
hexToRgb
called by 8
src/components/ui/twisting-ribbon.tsx
useCarousel
called by 4
src/components/ui/carousel.tsx
clamp
called by 4
src/components/ui/perspective-carousel.tsx
lerpColor
called by 4
src/components/ui/twisting-ribbon.tsx
offsetVariation
called by 4
src/components/ui/image-scatter.tsx

Shape

Function 802
Interface 140

Languages

TypeScript100%

Modules by API surface

src/components/ui/sidebar.tsx25 symbols
src/components/ui/folder-preview.tsx20 symbols
src/components/ui/menubar.tsx16 symbols
src/components/ui/twisting-ribbon.tsx15 symbols
src/components/ui/dropdown-menu.tsx15 symbols
src/components/ui/context-menu.tsx15 symbols
src/components/layout/toc.tsx14 symbols
src/components/docs/logo-slider.tsx14 symbols
src/components/ui/image-scatter.tsx13 symbols
src/components/ui/glass-dock.tsx13 symbols
src/components/ui/agent-bento-grid.tsx13 symbols
src/components/landing/hero.tsx13 symbols

For agents

$ claude mcp add VengenceUI \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact