Project Showcase
One project, framed: a headline with tags; a stage card with the product's clip or photo and a sample prompt; a brief with the role, the outcome and a Learn more link; and highlight cards that lift on hover. HighlightCard is exported on its own too.
Loading preview…
Install
Steps for Next.js.
Install the package
One package carries every component and its effects, all original code.
bun add @poulo2/ai-componentsLoad the styles with Tailwind v4
Add both lines to your global stylesheet so Tailwind generates the classes the components use. If your app already defines the shadcn/ui tokens, skip the theme import to keep your own palette.
@import "@poulo2/ai-components/theme.css"; @source "../node_modules/@poulo2/ai-components/dist";Or load the prebuilt stylesheet
For apps without Tailwind. Import it once at the root; it includes Tailwind's base reset.
import "@poulo2/ai-components/styles.css";
Props
| Name | Type | Default | Description |
|---|---|---|---|
| showcase | Showcase | — | id, title lines, tags, media ({ kind: 'video', src, poster } | { kind: 'image', src } | { kind: 'none' }), backdrop, prompt, product, market, year, summary, role, outcome, href and highlights ({ icon, title, body }). |