INFINITYUI
HomeComponentsDocsTemplates
Star

Getting Started

  • Introduction
  • Installation
  • CLI
  • Audit

Navigation

  • Spotlight Navbar
  • Glass DockNEW
  • Animated Tab Bar
  • Circle Menu
  • Magnet Tabs
  • Animated Sidebar
  • Apple Spotlight
  • Page TOC RailNEW

Text

  • Flip Text
  • Glitch Text
  • Liquid Text
  • Flip Fade Text
  • Mask Cursor Effect

Cards

  • Glow Border Card
  • Testimonials Card
  • Interactive Book
  • Trading CardsNEW
  • Hover Image
  • Chain of ThoughtNEW
  • Masonry Grid
  • Image Pile
  • Staggered Grid

Inputs

  • AI InputNEW
  • OTP Input
  • Leave Rating

Buttons

  • Social Flip Button
  • Creepy Button

Loaders

  • Jelly Loader
  • Rolling Ball Scroll
  • Glowing Scroll

Backgrounds

  • Light Lines
  • Perspective Grid
  • Liquid Ocean
  • Eagle Vision
  • Flow Scroll
  • Horizontal Scroll

Overlays

  • PersonaNEW
  • Infinite Moving Cards
  • Masked Avatars
  • Stacked Logos
  • Icon Wheel
  • Pixelated CarouselNEW
  • Pixelated Image Trail
  • Flip Scroll
  • Interactive Folder
  • Animated Folder IconNEW
  • Stack Scroll
  • Rubik Cube

Introduction

Welcome to Infinity UI — beautifully designed, animated, and accessible components built with React, Tailwind CSS, and Framer Motion. Spend less time tweaking and more time shipping.

Why Infinity UI?

There are plenty of UI libraries out there. Infinity UI focuses on the details: micro-interactions, layout precision, and copy-paste simplicity. You don't need an npm install for every component; you just grab the code and go.

Copy & Paste

Zero dependencies when possible. Just copy the code directly into your standard React/Tailwind project.

Framer Motion

Silky smooth, physics-based animations out of the box that feel native and incredibly responsive.

What's Next?

Ready to dive in? Check out the installation guide to set up your project, or explore the components immediately.

Installation GuideExplore Components