/

Getting started

IntroductionInstallationStyle guide

Navigation

Header Hamburger 1 Dropdown 1 Breadcrumbs Footer Pagination

Content

Heading Text editor Image Video Button 1 Icon Icon box Image box Image gallery Slider 1 Tabs Accordion Toggle Testimonials Reviews Team Logo cloud

Marketing

Hero Features Call to action Pricing table Price list FAQ Stats Counter Progress bar Countdown Before & after

Forms & embeds

Form Date picker Date range picker Search Login Newsletter HTML Shortcode Google Maps Social icons

Dynamic & commerce

Posts Portfolio Loop grid Loop carousel Archive title Archive posts Post title Post content Post info Featured image Author box Post comments Products Product categories Add to cart Cart Checkout My account

Button #1

Ready to use

A blend of two brand colors, a soft cursor light, and a quiet sheen every five seconds. All the movement stays within the surface.

HTML + CSS + JSNo dependencies

Move your cursor, or watch for the five-second light sweep.

Gradient / pointer light

A little light. A natural response.

Connect the button to your page action. On touch screens, the gradient stays beautifully still.

Keyboard accessibleReduced motionShared brand tokens

Make it part of your next build.

Ask GPT to use Button #1. Copy the block or download the source files.

HTML CSS JavaScript Global CSS