Glass Text

Headlines cast in liquid glass — every glyph is a bevelled lens with rim light and a travelling sheen.

Library

Opaline

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @opaline/theme @opaline/glass-text

Files

• registry/opaline/ui/opaline/glass-text.tsx
• registry/opaline/ui/opaline/liquid-glass.tsx
• registry/opaline/lib/glass-refraction.ts
• lib/utils.ts

Source

https://github.com/deepraj21/opaline

Categories

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

More from Opaline

• Glass Accordion
• Glass Alert
• Glass Badge
• Glass Bento Grid
• Glass Button
• Glass Card
• Glass Clock
• Glass Code Block
• Glass Command
• Glass Context Menu
• Glass Control Center
• Glass Credit Card