Ants Card
A delightful card component with animated ants walking around it. Perfect for adding a playful touch to your UI, onboarding screens, or empty states.
Preview
Nyxhora UI
Installation
Use the CLI to add this component to your project.
Usage
tsx
13 linesCopy
Variations
Fun Message
Bugs are features! 🐛
Developer Vibes
Ship it! 🚀
Examples
Single Ant
Lone Explorer
All Four Ants
Ant Colony! 🐜
Custom Size
Big Card!
Dark Theme
Dark Mode 🌙
Custom Content
🎉
Congratulations!
You found the ants
Nyxhora Sayings 😄
Bug-free since never
Works on my machine
It's not a bug
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | Nyxhora UI | Card title text |
antCount | number | 4 | Number of ants (1-4) |
size | number | 250 | Card size in pixels |
backgroundColor | string | #ffffff | Card background color |
antColor | string | #000000 | Ant color |
borderRadius | number | 16 | Card border radius in pixels |
children | React.ReactNode | undefined | Custom content instead of title |
className | string | undefined | Additional CSS classes |