Glimpse

A component that shows a preview of a URL when hovering over a link.

Check out Kibo UI on GitHub

Installation

npx kibo-ui@latest add glimpse

Features

Fetches data from a URL in a React Server Component
Preview a URL when hovering over a link
Show title, description, and image
Customizable hover card appearance
Smooth transitions for hover state
Accessible keyboard navigation
Touch-friendly for mobile devices
Customizable styling through className props
Reduced motion support for animations
Works with any link or element with role="link"

Examples

Custom styling

Check out Kibo UI on GitHub

Editor

The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.

Image Zoom

Image zoom is a component that allows you to zoom in on an image.