Nexus-UI

UI systems lab

ComponentsTemplatesBlocksPricingBlog
Sign inGet premium
Nexus-UI

A premium marketplace for animated interfaces — components, templates, and blocks engineered for Next.js, Tailwind, and Framer Motion.

Product

  • Components
  • Templates
  • Blocks
  • Pricing

Developers

  • Installation
  • Utilities
  • Blog
  • Search

Account

  • Sign in
  • Dashboard
© 2026 Nexus-UI. Built for developers who ship.
Get All-Access
⌘K

Installation

Nexus-UI setupInstall Next.jsInstall Tailwind CSSAdd utilitiesCLIAdd shadcn/uiFramer Motion

Templates

Aurora SaaS LaunchNewForge AI StartupNewVector Dev PortfolioStudio Deck AgencyAurora Analytics DashboardOrbit Productivity SuiteSimplistic AI SaaSOrbit AI Developer Tool

Sections and Blocks

All blocks3Feature grids1Interactive backgrounds1FAQ sections1

Backgrounds & Effects

Background EffectsNew63D ComponentsNew4Shaders1Motion Effects22AI Components3

Card Components

Cards11Bento Grids3Dashboards1Loaders1

Text, Forms & Navigation

Motion Effects22Login Forms1Signup Forms2Contact Sections1Navbars2Footers1
All components75

Advanced search →
Setup & catalog

Docs

Install Next.js

Nexus-UI targets the App Router, TypeScript, and modern React. Start from Create Next App, then layer Tailwind and UI primitives in the following guides.

Requirements

  • Node.js 20 or newer
  • npm, pnpm, yarn, or bun

Create a new project

Run the official bootstrapper. Enable TypeScript and ESLint when prompted; both match how this repo is structured.

npx create-next-app@latest

Typical prompts:

  • App Router — yes (recommended)
  • src/ directory — optional; Nexus-UI uses src/app
  • Import alias — @/* matches our component imports

Run the dev server

cd your-app
npm install
npm run dev

Visit http://localhost:3000. Next, wire Tailwind CSS v4 so utility classes and tokens match Nexus-UI patterns.

← Nexus-UI setupInstall Tailwind CSS →

← Components library