Halo TypeRotating 3D ring text animation — the front arc reads upright, the back arc upside-down.

TypographyAnimationInteractive
CCOOPPYY PPAASSTTEE SSHHIIPP RREEPPEEAATT CCOOPPYY PPAASSTTEE SSHHIIPP RREEPPEEAATT

Add to your project

One command adds this component to your project.

1

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/halo-type
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this