Comic Text

A bold retro comic book pop-styled text animation with thick outlines and particle shadow drops.

Preview

BOOM!

pnpm dlx vibe-ui-kit@latest add comic-text

import { ComicText } from "@/components/ui/comic-text"

<ComicText fontSize={5}>BOOM!</ComicText>

Prop	Type	Default	Description
`children`	`string`	`""`	Text content string to apply bold outline comic style
`fontSize`	`number`	`5`	Font size value in rem units
`className`	`string?`	`""`	Additional classes for the container

This ComicText component applies a vibrant pop-art halftone dot pattern and bold shadow outlines to heading text.

Jenish Sabhadiya

Primary Theme Accent

Border Corner Radius

Glass Backdrop Blur8px

Export CSS Config

@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}

Changes apply instantly to this documentation workspace.

Comic Text | Vibe UI