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
core
sidebar

Sidebar

A Tailwind CSS Sidebar component, built with framer-motion.

navigation

Loading...

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-sidebar

Usage

Scroll Area Tabs

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.

Dashboard Profile Settings Logout