About
Compact status label from AI Dimensie with six variants (default, secondary, destructive, outline, success, warning). Built on class-variance-authority.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds AI Dimensie Badge to your project and fits it to your theme.
Code
How AI Dimensie Badge is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Component from "@/components/ui/ai-dimensie-badge"
export default function Demo() {
return <Component />
}
Dependencies
More by Jason Mohab-Ali
View all
Alqemist Interactive Demo
9
Qreatify Super Agent Card
5
Alqemist Security
4
Alqemist Hero
4
Alqemist How It Works
3
Alqemist Cta
2
What Saa SApp Shell
2
FirstReply Product Detail flow