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)

267

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)

294

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)

353

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)

285

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

279

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

Accessible Star Rating Widget with ...

295

Drag & Drop File Upload with Image ...

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

254

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)

250

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)

292

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)

277

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)

254

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

Floating Chat Widget with Random Su...

411

Password Strength Meter with Live R...

Password Strength Meter with Live Rule Checklist (Vanilla JavaScript)

407

QR Code Generator with Canvas (Vani...

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

428