73+ Components

Ship intelligent interfaces
at lightning speed.

73+ production-ready components, blocks, and templates built with Next.js, Tailwind CSS, and Framer Motion. The visual operating system for The Prompt Engineering Project.

npx shadcn@latest add @aceternity/[component]
In Production

Used across The Prompt Engineering Project

These components power real pages on thepromptengineeringproject.com today.

IO-UI Home

Visit

Atmospheric hero with animated text generation and particle effects.

Aurora BackgroundText Generate EffectSparkles

IO Design System

Visit

Component documentation with interactive previews and categorized navigation.

Bento GridCard Hover EffectTabs

IO Feed Builder

Visit

Content workflow interface with persistent navigation and step-by-step loading.

SidebarTimelineMulti-Step Loader

Product Pages

Visit

Feature explanations with scroll-linked reveals and social proof sections.

Sticky Scroll Reveal3D Card EffectAnimated Testimonials

More than a component library

IO-UI is a design system with context. Every component comes with philosophy, usage guidance, and a perfect example.

No decoration without purpose

Every animation, gradient, and shadow earns its place. If it does not serve the user, it does not ship.

Dark by default, light by choice

Dark mode is the primary experience. Light mode exists for accessibility and preference, not as the default.

Motion with meaning

Animation guides attention, never distracts. Every transition communicates state, direction, or hierarchy.

Context over lorem ipsum

Every example uses real content from The Prompt Engineering Project. No placeholder text, no fake data.

SVG icons, never emoji

Typography and vector graphics do the work. Emoji introduces inconsistency across platforms.

Start building with IO-UI

Browse the component library, copy the code, and ship faster than ever.