Docs Components Hooks Colors

Get Started

Introduction Installation CLI Primitives Fluid (experimental)Motion Components Using `clx`

CORE

Form

Calendar Date Picker

Date Range Picker

Radio Card Group

Modals

Dialog Extended

Navigation

Accordion Extended

Navigation Menu*

Visualizations

Others

Images

Carousel Cylindrical

Carousel Extended

Carousel Stripe

Direction Aware Hover

Trailing Images*

Parallax

Orbiting Circles

Orbiting Items*

Parallax Carousel

Parallax Closer

Parallax Reverse

Draggable

Cards

Card Hover Effect

Highlight Card**

Infinite Moving Cards

Scroll

Scroll Horizontal*

Scroll Infinite

Scroll Progress

Scroll Velocity

Sticky Scroll Reveal

Tailwind Scroll Only

Devtools

Tailwind Indicator

Others

Animated Backgrounds

Animated Counter

Background Rays**

Clip Path Links

Drawer Underlay

Hover Border Gradient

Hover Image Links

Input Morph Message

Multi Step Motion**

Popover Attribute

Scratch To Reveal

Search Component

Slider Keyboard

Spiral Background

Squiggly Underline

Supabase Effect

Surrounding Line

SVG Mask Effect

Tailwind Hamburger Menu

Timeline Motion

Table of Content (TOC)

Beams Connecting

Pulse Beams Button

Text Generate Effect

Text Gradient Effect

Text Reveal Card

Text Shimmer Effect

components
parallax
icon cloud

Icon Cloud

An interactive 3D tag cloud component

Loading...

About

The <IconCloud /> component comes from react-icon-cloud library.

Wobble Card Orbiting Circles

Unstyled highly composable components that you can copy/paste in your own codebase. Customize them as you want.

Core

Auto Form Multi Select Stepper Color Picker

Parallax

Orbiting Circles Parallax Closer Parallax Swipe Parallax Hero

Hooks

useHover useScroll useWithDebounce useClickAway

Built by Everlabs.