[ UI & AGENT ENGINEERING PLATFORM ]

Creating the future of
UI & Component engineering.

Explore Components

Production-ready, customizable UI components and agentic blocks built with Tailwind CSS, Framer Motion, and Next.js.

npx portui@latest add ai-input

•Tailwind v4 Ready

REACT 19

NEXT.JS 15

TAILWIND CSS v4

FRAMER MOTION

TYPESCRIPT

RADIX PRIMITIVES

[POWERED BY TECH STACK]

Next.js

Framer Motion

React

shadcn/ui

TailwindCSS

[ EXPLORE THE REGISTRY ]

Crafted UI primitives & interactive blocks

Cleanly structured components with zero external bloat. Preview live interactive components below or explore full documentation.

Card Components

7 VARIANTS

Structured layout containers and interactive content blocks.

New

New UI Design Fundamentals

Explore the fundamentals of contemporary UI design

Profile Cards

5 VARIANTS

User profile summaries, social badges, and avatar pickers.

John Doe

Prompt Engineer

AI Chat Inputs

16 VARIANTS

Prompt boxes, file attachment bars, and LLM streaming inputs.

Interactive Buttons

10 VARIANTS

Particle buttons, magnetic hover actions, and loading states.

Form Inputs

10 VARIANTS

Search bars, OTP inputs, currency converters, and selectors.

0100

FULL REGISTRY

Explore 50+ Components & Blocks

Browse complete interactive documentation with copy-paste CLI commands and full code snippets.

Open Documentation

[ GET STARTED TODAY ]

Ready to engineer your next interface?

Copy components directly, install via CLI, and customize with your own design system token mappings.

Read Documentation Star on GitHub

Creating the future of UI & Component engineering.