Ui component code snippets `(16)`

Scroll Progress Bar with Pure CSS S...

Scroll Progress Bar with Pure CSS Scroll-Driven Animations (No JavaScript)

237

Download snippet Scroll Progress Bar with Pure CSS Scroll-Driven Animations (No JavaScript)

Native Modal Dialog Using the HTML ...

Native Modal Dialog Using the HTML dialog Element (No JS Library)

272

Download snippet Native Modal Dialog Using the HTML dialog Element (No JS Library)

Testimonial Carousel with Swiper.js...

Testimonial Carousel with Swiper.js (Touch-Friendly, Responsive)

265

Download snippet Testimonial Carousel with Swiper.js (Touch-Friendly, Responsive)

Toast Notifications with the Native...

Toast Notifications with the Native Popover API (No JS Library)

293

Download snippet Toast Notifications with the Native Popover API (No JS Library)

FAQ Accordion Built with Alpine.js ...

FAQ Accordion Built with Alpine.js (No Build Step)

352

Download snippet FAQ Accordion Built with Alpine.js (No Build Step)

Animated Tab Switcher with the View...

Animated Tab Switcher with the View Transitions API (No Library)

284

Download snippet Animated Tab Switcher with the View Transitions API (No Library)

Toggleable Bar/Line Chart Card with...

Toggleable Bar/Line Chart Card with Chart.js

276

Download snippet Toggleable Bar/Line Chart Card with Chart.js

Accessible Star Rating Widget with ...

294

Drag & Drop File Upload with Image ...

Drag & Drop File Upload with Image Preview (Native Drag and Drop API)

253

Download snippet Drag & Drop File Upload with Image Preview (Native Drag and Drop API)

Countdown Timer to a Target Date (V...

Countdown Timer to a Target Date (Vanilla JavaScript)

249

Download snippet Countdown Timer to a Target Date (Vanilla JavaScript)

Before/After Image Comparison Slide...

Before/After Image Comparison Slider (CSS clip-path + Range Input)

291

Download snippet Before/After Image Comparison Slider (CSS clip-path + Range Input)

OTP / Verification Code Input with ...

OTP / Verification Code Input with Auto-Advance (Vanilla JavaScript)

275

Download snippet OTP / Verification Code Input with Auto-Advance (Vanilla JavaScript)

React via CDN, No Build Step (React...

React via CDN, No Build Step (React.createElement, No JSX)

252

Download snippet React via CDN, No Build Step (React.createElement, No JSX)

Floating Chat Widget with Random Su...

409

Password Strength Meter with Live R...

Password Strength Meter with Live Rule Checklist (Vanilla JavaScript)

404

QR Code Generator with Canvas (Vani...

QR Code Generator with Canvas (Vanilla JavaScript, No Library)

426