A comprehensive design system with modern typography, vibrant colors, and accessible components.
Plus Jakarta Sans for headings, Inter for body, JetBrains Mono for code.
Extra large body text (xl)
Large body text (lg)
Default body text (base)
Small body text (sm)
Extra small text (xs)
const result = await ai.extractRequirements(document);Vibrant, accessible color palette.
Multiple variants and sizes.
Inputs, selects, and controls.
Contextual feedback messages.
Your bid has been submitted.
Deadline is in 2 days.
Upload failed. Try again.
AI is processing your document.
Container components.
Simple card with border.
Hover for effects.
Gradient background.
Switch between light and dark modes.
Icon variant
Default variant
Pill variant
BidFiller Design System • Built with Next.js, TailwindCSS & Framer Motion