Getting Started
Blocks
Components
Device Mocks
Special Effects
Animations
Text Animations
Buttons
BOOM!
import { ComicText } from "@/registry/magicui/comic-text";
export function ComicTextDemo() {
return (
<div className="space-y-8 text-center">
<ComicText fontSize={5}>BOOM!</ComicText>
</div>
);
}
Installation
pnpm dlx shadcn@latest add @magicui/comic-text
Usage
import { ComicText } from "@/components/magicui/comic-text";
<ComicText>Comic Text</ComicText>
Props
Prop | Type | Default | Description |
---|---|---|---|
className | string | - | The class name to be applied to the component |
fontSize | number | 4 | The font size of the text |
style | CSSProperties | #ffffff | The style of the text |
children | string | - | The text to be displayed |
Credits
- Credit to @iambharathpadhu
Limited Time Offer
Ship Faster with Magic UI ProMagic UI Pro
Stop building from scratch.
Get 8 production-ready templates and 50+ premium components that your users will love.
✓
Next.js 15 + TypeScript ready✓
Copy, paste, customize in minutes✓
Save 100+ hours of development