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 “Navbar”

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

Clear tag filter

Randomized on refresh765 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 “navbar”

Page 1 of 8

Animated Hamburger Menu
A animated hamburger menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Fullscreen Menu
A bootstrap fullscreen menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Gooey Menu (Version 2)
A css gooey menu (version 2) built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
CSS More Menu Icon Animation
A css more menu icon animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
An animated and accessible command menu
A an animated and accessible command menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Apple Menu Search Animation
A apple menu search animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Navbar Toggle Show/Hide
A bootstrap navbar toggle show/hide built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu + Submenu
A bootstrap menu + submenu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Basic Navbar
A basic navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Mega Dropdown Menu Navbar
A bootstrap 4 mega dropdown menu navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A custom select component with a menu with animations and beautiful gradients Built With React
A a custom select component with a menu with animations and beautiful gradients built with react built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
Bootstrap 4 Dropdown Megamenu
A bootstrap 4 dropdown megamenu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Hamburger Menus
A css hamburger menus built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A React navbar component based on react-scroll
A a react navbar component based on react-scroll built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
CSS Folding Menu
A css folding menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Only Sliding Menu
A css only sliding menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Accordion Menu for All Purpose
A bootstrap accordion menu for all purpose built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Menu
A animated menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu V20
A bootstrap menu v20 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Sliding Menu
A css sliding menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Vertical Navbar
A bootstrap vertical navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Multi Menu
A accordion multi menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (Less), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Apple Style Mobile Menu
A apple style mobile menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Awesome Accordion Menu
A awesome accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Menu
A accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Bootstrap Menu V18
A bootstrap menu v18 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bounce Menu
A bounce menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap 4 Accordion Menu Dropdown
A bootstrap 4 accordion menu dropdown built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 5 Colorful Navbar with Animation
A bootstrap 5 colorful navbar with animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Menu
A accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Awesome Context Menu
A awesome context menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Responsive Hover Navbar
A bootstrap responsive hover navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 E-Commerce Menu Header Using HTML/CSS
A bootstrap 4 e-commerce menu header using html/css built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Fullscreen Menu
A animated fullscreen menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Rotating Hidden Menu with Sliding Bar
A 3d rotating hidden menu with sliding bar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
AwesomeMenu
A awesomemenu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 5 Navbar with Search
A bootstrap 5 navbar with search built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Gooey Menu
A css gooey menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Buffy Bootstrap Accordion Menu
A buffy bootstrap accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Apple Menu Search Animation
A apple menu search animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Animated Menu with React and Gsap
A animated menu with react and gsap built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
3D Cube Menu
A 3d cube menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Sass), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Toggle Menu
A css toggle menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 NavBar
A bootstrap 4 navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Box Lid Menu
A box lid menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
43 stars9 watchers
Bootstrap Menu V14
A bootstrap menu v14 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bounce Mobile Menu
A bounce mobile menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTMLCSSJavaScript
A React hook to build an active scrolling menu navigation
A a react hook to build an active scrolling menu navigation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), React
Browser support
Chrome, Edge, Opera, Safari
App Admin Menus + Light/Dark Modes with Tailwind CSS
A app admin menus + light/dark modes with tailwind css built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap All in One Navbar
A bootstrap all in one navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Full Width Menu
A css full width menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Accordion Menu With HTML & CSS Only
A accordion menu with html & css only built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Transparent Navbar
A bootstrap transparent navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu V19
A bootstrap menu v19 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Navbar
A bootstrap 4 navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu Underline Effect
A bootstrap menu underline effect built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
A Simple Good Looking Context Menu, for jQuery
A a simple good looking context menu, for jquery built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Navbar with Logo
A bootstrap navbar with logo built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Angled Menu
A angled menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu for One Page
A bootstrap menu for one page built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Burger Menu
A burger menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS Only Big Colorful Toggle Menu
A css only big colorful toggle menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Burger Menu with React
A burger menu with react built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Dropdown Menu Style 96
A bootstrap dropdown menu style 96 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Menu in Pure CSS3
A accordion menu in pure css3 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Animated Menu
A animated menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Airbnb Navbar
A airbnb navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Submenu
A bootstrap submenu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
343 stars40 watchers
Animated Menu
A animated menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Mega Dropdown Menu Navbar
A bootstrap 4 mega dropdown menu navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Gooey Menu (Version 3)
A css gooey menu (version 3) built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Bootstrap Menu V05
A bootstrap menu v05 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Menu V07
A bootstrap menu v07 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Beautiful Navbar with Menu Icons
A bootstrap beautiful navbar with menu icons built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bubble Menu
A bubble menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Accordion Menu HTML CSS Only
A accordion menu html css only built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Mega Menu
A bootstrap mega menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Awesome Context Menu #2
A awesome context menu #2 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS Menu Icon Animation
A css menu icon animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Firefox, Edge, Opera, Safari
Responsive
No
Bootstrap 4 Dropdown Megamenu
A bootstrap 4 dropdown megamenu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordian Menu
A accordian menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap Dropdown Slidemorph Menu
A bootstrap dropdown slidemorph menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Dropdown Menu Style 75
A bootstrap dropdown menu style 75 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Gooey Menu (Version 4)
A css gooey menu (version 4) built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Animated Mobile Menu
A animated mobile menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Bootstrap Sticky Navbar
A bootstrap sticky navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Accordion Menu
A css accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Animated Menu
A animated menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Navbar with Dropdown Animations
A bootstrap 4 navbar with dropdown animations built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Grid Menu
A css grid menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accessible Fullscreen Overlay Menu
A accessible fullscreen overlay menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTMLCSSJavaScript (jquery.js)
Bootstrap Menu
A bootstrap menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Sidebar Menu
A animated sidebar menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Bootstrap Accordion Menu with Plus Minus Icon
A bootstrap accordion menu with plus minus icon built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Accordion Menu
A accordion menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Bootstrap Dropdown Menu Style 83
A bootstrap dropdown menu style 83 built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bootstrap 4 Header with Navbar
A bootstrap 4 header with navbar built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Menu Icon
A animated menu icon built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Firefox, Edge, Opera, Safari
Responsive
No
CSS Radial Menu
A css radial menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Radial/Circular Menu
A animated radial/circular menu built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes

Page 1 of 8

// 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