JSON Toolkit

DashboardOverview of JSON tools
JSON EditorText & tree views, validation
Format JSONBeautify, minify, stats
Query JSONJSONPath & JMESPath
Compare JSONDiff, merge, side-by-side
Repair JSONFix malformed JSON
Validate JSONAJV schema validation
Large FilesVirtualized large JSON
Offline EditorLocal storage drafts
JSON to CSVArrays to spreadsheet
CSV to JSONSpreadsheet to JSON

Tools

Color Converters

20

Hex to RGB
RGB to Hex
Hex to Pantone
RGB to Pantone
HSV to Pantone
CMYK to Pantone
CMYK to HEX
CMYK to RGB
CMYK to HSV
HSV to HEX
HSV to RGB
HSV to CMYK
HEX to HSV
RGB to HSV
RGB to CMYK
HEX to CMYK
Pantone to HEX
Pantone to RGB
Pantone to CMYK
Pantone to HSV

Unit Converters

6

Length Converter
Weight Converter
Volume Converter
Area Converter
Time Converter
Timestamp Converter

SQL Converters

5

SQL to CSV
SQL to JSON
SQL to XML
SQL to YAML
SQL to HTML

Encode & Decode

39

File Converters

53

Utility Tools

8

JSON Minifier
JSON Stringify
Credit Card Validator
Credit Card Generator
XPath Tester
JSON Path Tester
JSON Diff
XML Diff

Chart Tools

5

Line Graph Maker
Bar Graph Maker
Pie Chart Maker
Doughnut Chart Maker
Scatter Plot Maker

Viewers

10

JSON Viewer
XML Viewer
CSV Viewer
YAML Viewer
Markdown Viewer
JavaScript Viewer
Html Viewer
Mxml Viewer
Rss Viewer
Bbcode Viewer

Programming Editors

8

JSON Editor
HTML Editor
XML Editor
YAML Editor
Java Editor
Csharp Editor
Actionscript Editor
Markdown Editor

Parsers

4

URL Parser
JSON Parser
XML Parser
YAML Parser

CSS Tools

4

CSS Beautifier
CSS to SCSS
CSS to LESS
CSS to SASS

Escape/Unescape

9

HTML Escape
XML Escape
Java Escape
C# Escape/Unescape
JavaScript Escape
CSV Escape/Unescape
SQL Escape/Unescape
JSON Escape/Unescape
Un-Google Link

Cryptography

8

MD5 Hash
SHA256 Hash
SHA1 Hash
SHA384 Hash
SHA512 Hash
MD2 Hash Generator
MD4 Hash Generator
HMAC Generator

Beautifiers

10

JSON Beautifier
CSS Beautifier
XML Beautifier
JavaScript Beautifier
YAML Beautifier
SQL Formatter
TypeScript Formatter
C# Beautifier
Java Beautifier
Python Beautifier

String Utilities

15

Word Counter
Case Converter
Reverse String
Password Generator
String to Hex
Hex to String
String to Binary Converter
Binary to String Converter
Word Repeater
Remove Empty Lines
Remove Duplicate Lines
Sort Text Lines
Upside Down Text
Random Word Generator
Remove Accents

Syntax Highlighting

5

JSON Syntax Highlighting
XML Highlighter
HTML Pretty Print
JavaScript Pretty Print
Code Highlighter

Compress / Decompress

2

GZip Decompress
Zlib Decompress

Validators

7

JSON Validator
XML Validator
CSS Validator
JavaScript Validator
YAML Validator
JSON5 Validator
API Test

Number Utilities

8

All Numbers Converter
Decimal to Binary
Decimal to Octal
Binary to Decimal
Binary to Hex
Hex to Decimal
Hex to Binary
Octal to Decimal

Bitwise Tools

4

Bitwise Calculator
XOR Calculator
AND Calculator
OR Calculator

IP Tools

5

IP to Hex
Hex to IP
Binary to IP
IP to Binary
DNS Lookup

Random Tools

5

Random UUID Generator
Random Number Generator
Random String Generator
Random JSON Generator
Random IP Address

Other Tools

3

Lorem Ipsum
Sharelink Generator
Hostname to IP

Minifiers

6

JSON Minify
CSS Minify
XML Minify
HTML Minify
JavaScript Minify
SQL Minifier

CSV Tools

6

CSV to JSON
CSV to XML
CSV to HTML
CSV to SQL
CSV to Excel
CSV to TSV

Sample downloads

Sample videos
Minimal MP4 shells and notes
Sample audio
WAV tones (mono and stereo)
Sample documents
PDF, DOCX, RTF, CSV, Markdown, text
Sample images
PNG, JPEG, GIF, WebP, ICO, SVG
Other sample files
JSON, CSV, HTML, ZIP, YAML, TOML, XML

Loading…

© 2026 Codepicker. All rights reserved.

About Contact Privacy Cookies Terms

Home Tools JSON tools Sample downloads

Tagged snippets

Snippets tagged “Content slider”

All indexed snippets that share this tag. Clear the filter to return to the global randomized feed.

Clear tag filter

Randomized on refresh612 snippets indexed

// site modules

Snippets, tools, JSON, and sample files

Each area is self-contained: browse code here, open converters in the toolbox, shape JSON in JSON Toolkit, or grab fixtures for tests and demos.

Snippets
Search and open curated frontend examples—HTML, CSS, JS, and frameworks—with previews and copy-ready source.
Open search
Developer tools
Browser-side formatters, encoders, validators, and small utilities—no server round trip for typical tasks.
Browse tools
JSON Toolkit
Edit, format, validate, query, compare, and convert JSON and CSV in one workspace built for larger payloads and offline use where supported.
Open JSON Toolkit
Sample files
Download small test assets—documents, images, audio, video, and other fixtures—for uploads, parsers, and UI demos.
View sample downloads

// main content

Results for tag “content slider”

Page 1 of 7

Auto Rotate Slider
A auto rotate slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Slider Testimonials with Dots
A bootstrap 4 slider testimonials with dots built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Owl Carousel for User Testimonials
A bootstrap 4 owl carousel for user testimonials built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Simple Image Slider
A bootstrap 4 simple image slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel
A bootstrap 4 carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A Simple Image Slider Component for React.js
A a simple image slider component for react.js built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
3D Carousel with GSAP
A 3d carousel with gsap built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Less), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Multiple Item Product Carousel
A bootstrap multiple item product carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel v2
A carousel v2 built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Carousel Panorama
A 3d carousel panorama built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel
A bootstrap 4 carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Thumbnail Carousel
A bootstrap 4 thumbnail carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Slider
A animated slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Testimonials Auto Slider
A bootstrap 4 testimonials auto slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Testimonials Carousel/Slider
A bootstrap 4 testimonials carousel/slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel Slider
A bootstrap carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Carousel Materialize
A 3d carousel materialize built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Carousel Swipe
A 3d carousel swipe built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS (TypeScript)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Thumbnail Carousel
A bootstrap thumbnail carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
3D Colorful Animated Carousel
A 3d colorful animated carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Responsive Slick Auto Play Carousel Slider with Dots
A bootstrap 4 responsive slick auto play carousel slider with dots built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel with Quotes
A bootstrap carousel with quotes built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel. Slider with Thumbnail Navigation
A bootstrap 4 carousel. slider with thumbnail navigation built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel With Progress Bar
A carousel with progress bar built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Thumbnail Carousel
A bootstrap 4 thumbnail carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A Clean Navigation Slider
A a clean navigation slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS (CoffeeScript)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Carousel with Indicators
A carousel with indicators built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A little (horizontal) animated slider component for React Native
A a little (horizontal) animated slider component for react native built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
CSS3 Testimonials Slider
A css3 testimonials slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap 4 Testimonial Carousel Slider
A bootstrap 4 testimonial carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS-Only Image Carousel
A css-only image carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Header with Carousel
A bootstrap header with carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel Reviews with Rating
A carousel reviews with rating built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Full Page Image Slider Header
A bootstrap 4 full page image slider header built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Half Page Image Slider Header
A bootstrap 4 half page image slider header built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Slick Lazy Load Carousel Slider
A bootstrap 4 slick lazy load carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Owl Carousel Courses
A bootstrap owl carousel courses built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Client Testimonial Slider
A bootstrap client testimonial slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Image Slider
A bootstrap 4 image slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Ecommerce Product Carousel
A bootstrap 4 ecommerce product carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel (React)
A carousel (react) built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap 4 Full Page Image Slider Header
A bootstrap 4 full page image slider header built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Slider Quotes
A bootstrap slider quotes built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Owl Carousel Events
A bootstrap owl carousel events built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Simple Testimonial Carousel Slider
A bootstrap 4 simple testimonial carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Best Selling Products with Carousel Slider
A bootstrap 4 best selling products with carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Arrow Slider
A arrow slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Less), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Custom Range Slider
A css custom range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap 4 Auto Carousel Testimonial
A bootstrap 4 auto carousel testimonial built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Custom Range Slider
A css custom range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap 4: Carousel / Slider / Slideshow
A bootstrap 4: carousel / slider / slideshow built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Half Page Image Slider Header
A bootstrap 4 half page image slider header built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel v7
A carousel v7 built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel
A carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
Before After 3 Layer Image Slider
A before after 3 layer image slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTMLCSSJavaScript
Bootstrap 4 Ecommerce Product Carousel
A bootstrap 4 ecommerce product carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Slider with Keyboard Controls
A css slider with keyboard controls built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bubble Range Slider
A bubble range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Blob Carousel For The Planet
A blob carousel for the planet built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Basic Vanilla JS Carousel
A basic vanilla js carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Testimonials Carousel
A bootstrap testimonials carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Product List Carousel
A bootstrap product list carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel Slider
A bootstrap 4 carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel v12
A carousel v12 built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Product Carousel Transition
A 3d product carousel transition built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
CSS Slider
A css slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Testimonial Carousel
A bootstrap 4 testimonial carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Slider
A accordion slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Testimonial Carousel
A bootstrap testimonial carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel
A carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A simple image carousel built with React
A a simple image carousel built with react built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
CSS Range Slider
A css range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
3D Carousel Room
A 3d carousel room built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
50/50 Slider
A 50/50 slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (Sass), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel Multiple Items Per Slide Responsive
A bootstrap 4 carousel multiple items per slide responsive built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel with Ambilight
A bootstrap carousel with ambilight built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Speech Bubble Testimonial Carousel
A bootstrap speech bubble testimonial carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel Youtube Music
A carousel youtube music built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel Slider
A bootstrap carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel Testimonials
A bootstrap carousel testimonials built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Only 3D Cube Image Slider
A css only 3d cube image slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Carousel Slider with TailwindCSS and jQuery
A carousel slider with tailwindcss and jquery built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel #18
A carousel #18 built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Slider Full Screen
A bootstrap slider full screen built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A Beautiful scroll triggered carousel with React
A a beautiful scroll triggered carousel with react built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Carousel v3
A carousel v3 built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A slider component with pinch to zoom capabilities inspired by Instagram
A a slider component with pinch to zoom capabilities inspired by instagram built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Bootstrap Carousel 100% Fullscreen
A bootstrap carousel 100% fullscreen built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Auto Slider
A bootstrap 4 auto slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Carousel/Slider (Vanilla JS)
A 3d carousel/slider (vanilla js) built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Carousel with Title Text and Description
A bootstrap carousel with title text and description built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Carousel
A carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Thumbnail Carousel with Content
A bootstrap thumbnail carousel with content built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Owl Carousel for User Testimonials
A bootstrap 4 owl carousel for user testimonials built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Slider
A animated slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Product Slider
A bootstrap product slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Carousel Slider
A bootstrap 4 carousel slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Elegant Image Slider
A bootstrap elegant image slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Testimonial Carousel
A bootstrap testimonial carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS3 Accordion Slider With Transitions And Flexbox
A css3 accordion slider with transitions and flexbox built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTMLCSS, SCSS

Page 1 of 7

// secondary navigation

Browse categories

Jump into HTML, CSS, JavaScript, Bootstrap, Tailwind CSS, and the rest when you want to narrow the view.

Languages

HTML
826 snippets · 0 subcategories (62 nested)
/html-code-examples
Open
CSS
10,162 snippets · 0 subcategories (443 nested)
/css-code-examples
Open
JavaScript
2,212 snippets · 0 subcategories (241 nested)
/javascript-code-examples
Open

Frameworks

Bootstrap
1,534 snippets · 0 subcategories (112 nested)
/bootstrap-code-examples
Open
Tailwind CSS
1,257 snippets · 0 subcategories (122 nested)
/tailwind-css-code-examples
Open
JQuery
1,380 snippets · 0 subcategories (34 nested)
/jquery
Open
React
4,503 snippets · 0 subcategories (37 nested)
/react
Open
Vue
94 snippets · 0 subcategories (7 nested)
/vue
Open