Kivi UI
Components
Blocks
Shaders
Showcase

Getting Started

Introduction
Project Setup
CLI
MCP

Shaders

Shifting Blocks
Gradient Color Shader
Dotted Shader
Koi pond
Shader Logo Cards
Smoke Shader
CRT Glitch Shader

Building Blocks

FAQ Block
Signup & Login Block
Testimonial Block

Text & Typography

AI Response Text
Animated Heading
Flippy Text
Focus Text
Hero Letter Reveal
Morphing Text
Redact Reveal
Scroll Highlight Text
Scroll Reveal Text
Scroll Weight Text
Text Particle Animation
Typewriter
Viewport Focus Text
Word Swap Text

Buttons & Controls

Animated Button
Animated Tooltip
Breakable Button
Dark Mode Toggle
Magnetic Button
Shiny Button
Tab Group

Cards & Layouts

File Tree
Bento Grid
Circle Intro
Expandable Cards
Interactive Testimonial
Marquee Testimonials
Perspective Grid
Spotlight Card

Device Mockups

Browser
iPhone
Keyboard
Terminal

3D & Canvas

Dot Grid
Globe
Globe 3D
Orbit Circle

Cursors & Interactions

ASCII Trail
Collaborative Cursor
Image Trail

Media & Visuals

Image Carousel Transition
Image Zoom
Particle Image
QR Code Particles
Shard Image
Signature

Connect with me

GitHub
LinkedIn
Portfolio
Feedback
  1. Components
  2. Categories
  3. Highlight

Highlight

Prebuilt highlight components with smooth animations and microinteractions.

Focus Text preview

Focus Text

Scroll Highlight Text preview

Scroll Highlight Text

Kivi UI

Everything you need to build polished interfaces, from premium components and powerful blocks to expressive shaders.

Connect with meSay hello↗
KIVI UI

Components

  • AI Response Text
  • Animated Tooltip
  • ASCII Trail
  • Bento Grid
  • Breakable Button
  • Circle Intro
  • Dark Mode Toggle
  • Flippy Text
  • Globe 3D
  • Image Trail
  • Keyboard
  • Magnetic Button
  • Morphing Text
  • Orbit Circle
  • Perspective Grid
  • Spotlight Card
  • Terminal
  • Typewriter

Building Blocks

  • FAQ Block
  • Testimonial Arc
  • Signup & Login Block

Shaders

  • Gradient Color Shader
  • Dotted Shader
  • Shader Logo Cards
  • Smoke Shader
  • Koi pond
  • Glitch Shader

Getting Started

  • Introduction
  • Project Setup
  • CLI
  • MCP Server

Explore

  • All Components
  • Blocks
  • Templates
  • Showcase
  • Shaders
  • Blog
  • Feedback

Connect with me

  • Twitter
  • Portfolio
  • LinkedIn
  • GitHub
  • Peerlist
  • YouTube
© 2026 Kivi UI. All rights reserved.