Highlight Phrase

A smooth glass hover popover for text, video, and rich content, with click and keyboard access.

Library

glasscn

Framework

React

Type

component

License

MIT

Install

npx shadcn add @glasscn/highlight-phrase

Files

• components/ui/glasscn/highlight-phrase.tsx
• lib/utils.ts
• components/ui/popover.tsx
• components/ui/glasscn/glass-popover.tsx
• lib/glass-variants.ts
• components/ui/glasscn/liquid-glass.tsx

Source

https://github.com/kostyniuk/glasscn-components

Categories

• Hover Card Components
• React Hover Card Components
• Tailwind CSS Hover Card Components
• shadcn/ui Hover Card Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components
• Popover Components
• React Popover Components
• Tailwind CSS Popover Components
• shadcn/ui Popover Components

More from glasscn

• Glass Popover
• Highlight Text
• Popover
• Alert
• Alert Dialog
• Avatar
• Badge
• Button
• Button Group
• Calendar
• Card
• Checkbox