Get Started
Introduction
A React component library for AI products and expressive interfaces: agent components with a liquid-metal language, and backgrounds, text, controls, navigation, media and overlays.
The library started as the interface of AI agents: a prompt input inside a liquid-metal ring that bends under the cursor, dotted thought orbs that move with what the agent is doing, and a monochrome palette with one accent. It has grown to hold every component of the portfolio at www.poulo.site, from its weather sky to its floating nav.
Every component has a page with a live preview of its states, usage, props and source for Next.js and React; the AI components have SwiftUI counterparts too. They ship together in one npm package, @poulo2/ai-components, and are written from scratch: no UI kit or effect library underneath.
What's inside
- AI Agents8Prompt Input, Agent Activity, Message, Todo List, Message Scroller, Image Generation, Chat Alert, Chat Widget
- Backgrounds8Weather Sky, Aurora, Light Rays, Precipitation, Particles, Network Graph, ASCII Art, Progressive Blur
- Text5Vapor Text, Text Scramble, Scramble Link, Morph-in Text, Handwritten Quote
- Buttons & Controls6Hold Action Button, Metallic Link, Expanding Arrow Button, Motion Arrow Button, Theme Toggle, Color Selector
- Navigation6Floating Nav, Expandable Action Bar, Motion Search, Section Rail, Footer, Agent View
- Media & Cards9Cylinder Carousel, Infinite Masonry, Card, Pixel Reveal, Reveal Image, Inline Video, Project Showcase, Hover Accordion, Frame Rule
- Feedback & Overlays2Consent Card, Following Avatar