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

Installation

Nexus-UI is a Next.js App Router app with Tailwind CSS v4, shadcn-style UI, Framer Motion, optional Supabase auth, and Stripe for premium checkout. Follow the steps below to run it on your machine.

1. Prerequisites

  • Node.js 20+ recommended
  • npm, pnpm, or yarn

2. Install dependencies

From the project root (where package.json lives):

npm install

3. Environment variables

Copy the example file and fill in values. Auth, bookmarks, and admin routes expect Supabase; pricing flows expect Stripe keys and price IDs.

cp .env.example .env.local

See .env.example for every variable name. You can ship the marketing shell without Supabase or Stripe by leaving those keys empty; protected routes will degrade gracefully where the code allows.

4. Dev server

npm run dev

Open http://localhost:3000. Browse Components for live previews and copy-ready snippets on each detail page.

5. Production build

npm run build

Stack guides

Step-by-step docs on this site match the Nexus-UI stack. shadcn/ui and Motion link out to upstream references when you need vendor-specific detail.

  • Install Next.js
  • Install Tailwind CSS
  • Add utilities
  • CLI (shadcn)
  • shadcn/ui — Next.js
  • Motion for React
Install Next.js →

← Back to components