Core (68)Extensions (153)

Images

Carousel Cylindrical

Carousel Extended

Carousel Slider

Carousel Stripe

Clip Path Image

Clip Path Video

Direction Aware Hover

Hover Image Links

Trailing Images*

Cards

Card Hover Effect

Highlight Card**

Infinite Moving Cards

Stacking Cards*

Dev Tools

Animated Backgrounds

Code Comparison

Scroll Progress Bar

Spiral Background

Tailwind Indicator

Draggable

Draggable Youtube Wrapper

Parallax

Orbiting Circles

Orbiting Items 3D*

Orbiting Items*

Parallax Carousel

Parallax Closer

Parallax Reverse

Scrolls

Scroll Horizontal*

Scroll Infinite

Scroll Progress

Scroll Velocity

Sticky Scroll Reveal

Tailwind Scroll Only

Effects

Supabase Effect

SVG Mask Effect

Gradients

Background Rays**

Hover Border Gradient

Navigation

Clip Path Links

Drawer Underlay

Squiggly Underline

Tailwind Hamburger Menu

Table of Content (TOC)

Text

Text Generate Effect

Text Gradient Effect

Text Reveal Card

Text Shimmer Effect

Others

Animated Counter

Highlight Popover

Input Morph Message

Multi Step Motion**

Popover Attribute

Scratch To Reveal

Search Component

Sidebar Retracting

Slider Keyboard

Surrounding Line

Timeline Motion

Transition Vertical Tiles

Video Player Inline

supabase effect

Supabase Effect

A super cool effect inspired by Supabase.

hover

Loading...

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-supabase-effect

Usage

Spotlight SVG Mask Effect

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.