Javascript

50+ JavaScript Navigation Bar Examples: Learn How to Build a Custom Navbar

Bygscode October 10, 2023

Title:- Window Shade Navigation
Author:-Yannick Brandt
Made with:-HTML CSS JS

Title:- Nav Stretch
Author:-Craig Roblewsky
Made with:-HTML CSS JS

Title:- Radial Menu Animation
Author:-Anton Mudrenok
Made with:-HTML CSS JS

Title:- Context Menu
Author:-Melinda Kyzar
Made with:-HTML CSS JS

Title:- Interactive Radial Menu
Author:-Francesca Vago
Made with:-HTML CSS JS

Title:- Header Underline
Author:-alphardex
Made with:-HTML CSS JS

Title:- CSS Grid Menu Panels
Author:-Ryan Mulligan
Made with:-HTML CSS JS

Title:- Travel/Tracking Website Landing Page
Author:-Zarko Rvovic
Made with:-HTML CSS JS

Title:- Off-Canvas Navigation w/Page Transitions
Author:-Kyle Brumm
Made with:-HTML CSS JS

Title:- Clicky Menus
Author:-Mark Root-Wiley
Made with:-HTML CSS JS

Title:- Submenu Expand
Author:-Mikael Ainalem
Made with:-HTML CSS JS

Title:- Sidebar Indicators
Author:-MAHESH AMBURE
Made with:-HTML CSS JS

Title:- Bold Hover Animations with Splitting.js
Author:-Ryan Mulligan
Made with:-HTML CSS JS

Title:- Morphing Tab Button With List
Author:-Colin Horn
Made with:-HTML CSS JS

Title:- Navigation with SVG
Author:-Julio Soto
Made with:-HTML CSS JS

Title:- Dropdown Menu
Author:-Lukasz
Made with:-HTML CSS JS

Title:- Full Screen Navigation Bar
Author:-Yash Vadhadiya
Made with:-HTML CSS JS

Title:- Circle Navigation
Author:-Jesús Castro
Made with:-HTML CSS JS

Title:- Button Hover Effect
Author:-Yuki
Made with:-HTML CSS JS

Title:- Grid Navigation
Author:-CurleyWebDev
Made with:-HTML CSS JS

Title:- Navigation Buttons
Author:-Jove Angelevski
Made with:-HTML CSS JS

Title:- Travel Video Landing Page
Author:-Brad Traversy
Made with:-HTML CSS JS

Title:- Full Page Navigation
Author:-Sikriti Dakua
Made with:-HTML CSS JS

Title:- Dropdown Menu
Author:-Veronica
Made with:-HTML CSS JS

Title:- Context Menu
Author:-Darshan Rajadhyaksha
Made with:-HTML CSS JS

Title:- CSS Nav Animation
Author:-Oluwadare Seyi
Made with:-HTML CSS JS

Title:- Style Dropdown Menu
Author:-Rian Ariona
Made with:-HTML CSS JS

Title:- Sidebar Template
Author:-azouaoui mohamed
Made with:-HTML CSS JS

Title:- Responsive Sidebar/Navbar
Author:-Ferran Buireu
Made with:-HTML CSS JS

Title:- Header Nav Overflow Into Mobile Nav
Author:-Chris Weissenberger
Made with:-HTML CSS JS

Pages: 1 2 3 4

CSS | Javascript

100+ CSS Radio Button Designs
Byfrontend September 29, 2020April 7, 2024

No coding experience required! Learn how to quickly create beautiful and customizable radio buttons for your website using simple CSS techniques. 1. Radios Under the Hood by Jon Kantner See the Pen Radios Under the Hood byjkantner(@jkantner) on CodePen. Author: Jon Kantner Links: Source Code / DemoMade with: HTML CSS 2. CSS Custom Radio Buttons…

Read More 100+ CSS Radio Button Designs
Javascript

JavaScript Text Animation: 50+ Creative Examples to Inspire You
Byfrontend October 18, 2023October 18, 2023

Title:- Text-mask background moving on MouseMove – v2 Author:- Robert Borghesi Made with:- HTML CSS JS Title:- canvas base typeface Author:- ara Made with:- HTML CSS JS Title:- Title Text Animation Author:- Robin Treur Made with:- HTML CSS JS Title:- Terminal Text Effect Author:- Tobias Made with:- HTML CSS JS Title:- #webdev series – Colorful…

Read More JavaScript Text Animation: 50+ Creative Examples to Inspire You
Javascript

20+ Owl Carousel Examples for Developers, and Designers
Byfrontend October 18, 2023June 18, 2024

Check out these amazing examples from CodePen! From basic to advanced, these demos show you how to use Owl Carousel to create beautiful, responsive carousels for your website. Title:- Waterwheel with owl carousel 2 Author:- dreamer22001 Made with:- HTML CSS JS Title:- Owl Carousel 2 with Vertical Thumbnails Author:- Sabri Made with:- HTML CSS JS…

Read More 20+ Owl Carousel Examples for Developers, and Designers
Javascript

15+ JavaScript Tetris Games to Test Your Coding Skills
Byfrontend October 18, 2023October 21, 2023

JavaScript Tetris is a challenge for programmers of all skill levels. The game is simple to learn, but difficult you’ll learn about variables, loops, functions, and other programming concepts. JavaScript Tetris is a great way to improve your coding skills and have fun at the same time. RELATED ARTICLES Title:- Сanvas Tetris Author:- Skybird Trill…

Read More 15+ JavaScript Tetris Games to Test Your Coding Skills
CSS | Javascript

150+ Awesome New CSS buttons Design you can use for free
Byfrontend September 25, 2020November 20, 2023

If you’re looking for some awesome CSS buttons, you’ve come to the right place. These 150 free buttons will help you create a custom button that fits your brand and website perfectly. Related Articles 1. A Button Hover Effect by Himalaya Singh See the Pen A Button Hover Effect byhimalayasingh(@himalayasingh) on CodePen. Author: Himalaya Singh…

Read More 150+ Awesome New CSS buttons Design you can use for free
CSS | Javascript

40+ Stunning CSS Hover Effects Example
Byfrontend September 12, 2020October 17, 2023

See the Pen 10 stylish hover effects with less by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stylish hover effects with lessAuthor:- Renan C. AraujoMade With:- HTML CSS See the Pen 10 stunning hover effects with sass by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stunning hover effects with sassAuthor:- Renan C. AraujoMade…

Read More 40+ Stunning CSS Hover Effects Example