Caret Swap

A colored caret block consumes a phrase before typing its replacement in whole graphemes.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://cojeev.com/ui/r/caret-swap.json

Files

• registry/cojeev/ui/caret-swap.tsx
• registry/cojeev/styles/caret-swap.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Animated Text Components
• React Animated Text Components
• Tailwind CSS Animated Text Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• Animated Text Components

More from Cojeev UI

• Article Headings
• Falling Text
• Particle Text
• Scroll Reveal
• Semantic bloom
• Text reveal
• Text ribbon
• Typography Vortex
• Variable Proximity
• Warp Text
• Word relay
• Word Stream