CSS & JS Toggle Navigation Buttons | Bypeople

CSS & JS Toggle Navigation Buttons

A code experiment with SVG icons for website navigation. It consists of buttons made with CSS and JavaScript that change color when selected. Also, it has Material transitions to make it look dynamic.

Related Deals

Design AssetsFree Fonts

A neat collection of display typography featuring unique font and lettering designs with everything from Tech and Futuristic fonts to 3D lettering...

A neat collection of display typography featuring unique font and lettering designs with everything from Tech and Futuristic fonts to 3D lettering, Black Metal typography, Bubble lettering & more, perfect for all kinds of creative projects on digital and printed media The package contains 20 distinctively unique fonts and lettering sets, with fonts delivered in OTF, TTF, WOFF, and OpenType SVG file formats. Lettering sets are delivered in large, high resolution PNG format with transparent backgrounds, each letter in a separate file so you can drag/drop the letters to put together phrases Regularly this bundle would be priced over $260, however, with this exclusive limited time offer, you can grab this neat bundle of display typography for just $19! You Will Receive: 20 distinct font families & lettering designs Font files delivered in OTF, TTF, and WOFF formats Individual letters in PNG format with transparent backgrounds Variety of designs tyles, from 3D lettering to Tech fonts Perfect for display purposes, digital designs, printables & more Commercial use license Fonts & Lettering designs in this bundle: Angel Kiss Astra Cold Escapism Flow Gummy Bear Led Screen Love Lovestory Neocore Nexro Nimera Pinkcore Pixel Pop Pixelated Arcade Pomelo Stay Chunky Synapse Weird Mary XIMBOZ Angel Kiss Astra Cold Escapism Flow Gummy Bear Led Screen Love Lovestory Neocore Nexro Nimera Pinkcore Pixel Pop Pixelated Arcade Pomelo Stay Chunky Synapse Weird Mary XIMBOZ

Design AssetsTemplates

Create stunning 90s and Y2K aesthetic templates for social media branding/content with this collection of PSD templates featuring text effects, ove...

Create stunning 90s and Y2K aesthetic templates for social media branding/content with this collection of PSD templates featuring text effects, overlays, banners, posts, stories, cards and more The package contains over 180 use-ready templates and stylized assets in PSD format that you can use with Adobe Photoshop, layered and organized, with a distinctive Y2K and late 90s aesthetic: vibrant color palettes, 3D sans-serif lettering, colorful doodle shapes, and more. Every PSD template has organized layer structures so it's easy to work with them, and they are fully editable so you can customize the colors, shapes, lettering, add/remove elements, etc. Purchased separately these designs would cost over $238, but with this limited time offer you can get all 368 professional brushes for just $29! You Will Receive: 188 Y2K PSD templates and Y2K themed assets Editable Photoshop Text Effects Twitch templates for video overlays, screens, profile banners and buttons Youtube templates for artworks, thumbnails and screens Instagram templates for Posts, Stories, Cards Perfect for branding and social media content Commercial use license Y2K Templates Pack Preview

Add-onsDesign Assets

Create amazing lettering compositions and add visual effects to your drawings and artwork with this collection of professional brushes for Proc...

Create amazing lettering compositions and add visual effects to your drawings and artwork with this collection of professional brushes for Procreate featuring 20 different sets of effects and letter styles! Every collection is delivered in .brushset format, all you have to do is download the archive, extract it in your tablet, and open the .brushset files, Procreate will automatically install them and add them to your brush list. The package contains over 360 brushes, organized in 20 sets with different letter styles and effects that you can apply to drawings and illustrations. Everything from Flames and Smoke effects to Neon, Markers, Fur, Watercolor, Pencils, Chalk and many more. The brushes are also pen-pressure sensitive so you can control the opacity and intensity of the effects while you apply them. Purchased separately these designs would cost over $238, but with this limited time offer you can get all 368 professional brushes for just $23! You Will Receive: 360+ procreate brushes 20 brush sets with different effects Files in .brushset format Basic brushes: outlines, pencils, markers, watercolors Special effects: fur, feathers, snow, terrazzo, bubbles, stitches Glowing brushes: neon, light painting, sparks, fire, chalk, spray, grain and more! Pen-pressure sensitive to control opacity Commercial use license Effects included in this bundle: Light Paint Procreate Brushes Fire Procreate Brushes Watercolor Procreate Brushes Sparks Procreate Brushes Smoke Procreate Brushes Neon Procreate Brushes Drawing Procreate Brushes Marker Procreate Brushes Clouds Procreate Brushes Pencils Procreate Brushes Spray Procreate brushes Procreate Brushes for Grain Backgrounds Chalk Procreate Brushes Terrazzo Procreate Brushes Fur Procreate Brushes Basic Procreate Brushes Feathers Procreate...

Design AssetsLogosT-shirts

A big bundle of vector celtic knots featuring 270+ designs with various different patterns and shapes inspired by Celtic and insular ornamental art...

A big bundle of vector celtic knots featuring 270+ designs with various different patterns and shapes inspired by Celtic and insular ornamental art elements, delivered with editable vector source files in 5 different formats as well as use-ready rasterized images for drag and drop design platforms like Canva and Artify. The collection is delivered in 4 separate packages, each one with files in AI, SVG, EPS, DXF and PSD formats so you can customize each knot design one any way you want: scale up and down, change colors, use as elements for larger compositions like logos and t-shirt designs, or export using any vector editing software of your choice. Each knot design is also delivered in an individual PNG image in a large, 5000x5000px file with transparent background, printable at 300dpi, with 2 ready-made versions in black or white. Purchased separately these designs would cost over $272, but with this limited time offer you can get all 270+ vector celtic knot designs for just $19! You Will Receive: 270+ celtic knot designs Vector source files: AI, DXF, EPS & SVG Includes 2 PNG exports of each design, black and white versions Large 5000x5000px, printable at 300dpi Transparent backgrounds for drag & drop Perfect elements for logos, t-shirt designs and larger compositions Commercial use license

Design AssetsGraphic UI Kits

This design system starter kit is the perfect kickstart template for SaaS-focused digital products and brands. It features ready-made Atomic compon...

This design system starter kit is the perfect kickstart template for SaaS-focused digital products and brands. It features ready-made Atomic components and template samples that will provide robust building blocks for any web or mobile project. Instead of a checklist you'll have a design file primed with everything you'll need to start your project the right way: scalabe Atomic components and sample templates for dashboard, categories, calendar, kanban boards, file management, e-commerce and many more, mobile and web layout options, iOS and Android framing components for presentations/mockups, email templates, social media templates, vector icons and more. With 20+ atoms elements, 20+ molecule elements, 10+ Organism Elements, and 10+ Objects you’re instantly ahead of the game. Apply these elements with ease to the 30+ layout options (both web and mobile) using a scalable 4px grid system. All you need to do is edit colors, fonts, and styles and you’re off, and you'll be able to work with this kit using your platform of choice since the package includes files for Figma, Sketch and Adobe XD. Check out a live preview in Figma Regularly this neat design system would be priced $50, however with this limited time deal you can get it today for just $20! You Will Receive: Styles layouts for Colors, Typography, Icons, Grid, Illustrations, and Photography Bonus 300+ Design System Icon set (replace with your own or material, font awesome, iconic, etc.) 60+ scalable atomic design components Best practice accessibility UI out of the gate (AA/AAA approved color contrast levels by ADA) 30+ Mobile and Web nav and layout options Bonus iOS and Android framing components (for presentations/mockups) 50+ Mobile and Web app template samples Template samples include dashboard, category, detail, calendar, kanban boards, file management, chat, article, e-commerce and more 6 responsive sample email templates Social element templates for Instagram, Face...

Design AssetsGraphic UI KitsIllustrations

Check out our latest bundle featuring over 1500 mobile game GUI assets from 14 kits for different games types, including Math games, Word games lik...

Check out our latest bundle featuring over 1500 mobile game GUI assets from 14 kits for different games types, including Math games, Word games like Scrabble, Tile matching games and many others, delivered with fully editable vectors and a variety of premade screens for you to use right away or modify as necessary to fit your design needs The pack contains 290+ vector design files in AI and EPS format with use-ready screens and artboards featuring hundreds of vector design elements like characters, buttons, frames, tables, bars, menus, backgrounds, environment elements, tiles, trees and more, as well as individually exported elements in PNG format There's 14 kits for different cateories of game, including Maths, Tile Crush, Snake & Ladders, Match 3, Ball Sort Puzzles, Word games, Trivia, Ludo and others Regularly this pack would be priced $1100, however, with this exclusive limited-time deal you can get it today for just $29! You Will Receive 1500+ mobile game GUI elements 14 GUI kits for different game types Math games, Word games, Ludo, Ball sort, Tile matching & others Source files in EPS & AI format 290+ premade screens & vector element artboards Separate PNG files for each asset Includes characters, frames, buttons, bars, tables, boards & many more elements Commercial use license GUI kits in this bundle: Kidz Maths Game Gui Assets Tile Crush Masters Game Gui Assets Snake & Ladders Game GUI Assets Kit Forest Match 3 Game GUI Assets Ball Sort Puzzle Game Gui Assets Word Chef Game Assets GUI Kit Animals Scrabble Game Gui Assets Animals Words Game Gui Assets Kit Trivia King Game Gui Assets Kit Animals Bakery Sweet Match 3 GUI Kit Animals Ludo Board Game Gui Assets Pirates Sweet Match 3 Game Gui Asset Candies Match 3 Game Gui Assets Cute Animals Match 3 Game Gui Assets Kidz Maths Game Gui Assets Tile Crush Masters Game Gui Assets Sna...

Related Posts

Design AssetsFree Fonts

This is a freebie Opentype font created with actual cut-out magazine letters. All characters are colored, the files include a .PNG and .SVG asset f...

This is a freebie Opentype font created with actual cut-out magazine letters. All characters are colored, the files include a .PNG and .SVG asset for each letter. Free for personal and commercial projects! Check out more Vector Fonts here. Features: Font file in OTF format Includes assets in PNG & SVG Perfect for digital designs & printables

Design Assets

Check out this interesting Email design system that will help you create a better email experience for your customers and effective marketing for y...

Check out this interesting Email design system that will help you create a better email experience for your customers and effective marketing for your business. Find out more Email Templates. Features: Sketch file format Free for personal and commercial use

Design Assets

Check out this beautiful collection featuring watercolor clipart that is perfect to create cards, invitations, printable material, planners, sticke...

Check out this beautiful collection featuring watercolor clipart that is perfect to create cards, invitations, printable material, planners, stickers, and more. Check out also these Watercolor Brushes. Features: 33 PNG files 300dpi resolution - transparent background Free for personal and commercial use

Code Snippets

Check out this fantastic collection of buttons created using pure CSS and featuring some effects without the use of javascript. Find out more CSS B...

Check out this fantastic collection of buttons created using pure CSS and featuring some effects without the use of javascript. Find out more CSS Buttons. Features: 30 buttons Pure CSS Effects Free for personal and commercial use Your browser does not support the video tag.

Design Assets

Grab a fantastic freebie featuring a bunch of product widget designs including lots of variations that you can use in your projects or use for insp...

Grab a fantastic freebie featuring a bunch of product widget designs including lots of variations that you can use in your projects or use for inspiration. Find out more Adobe XD UI Kits. Features: Column & row versions Everything is fully assembled Free for personal use

Design Assets

This pack contains a funky selection of 100+ vectorized scribbles that are perfect for adding a little something extra to your pages. It allows you...

This pack contains a funky selection of 100+ vectorized scribbles that are perfect for adding a little something extra to your pages. It allows you to change to a color of your choosing. Find out more Graphic Design Tools. Features: Version 1.0 also included Used by over 25,000 designers worldwide 100% vectors Free for personal use

Related Lists

CSS Navigation
60 items

Demos and snippets navigations created with pure CSS and in some cases some JavaScript.

CSS Menus
76 items

Repository of HTML and CSS menus created with little to no JavaScript, you'll find many different styles of menus & navigation like drop down menus, accordions, hover, vertical & horizontal, toggle, and sliding menus. CSS menus are a great way to provide a memorable & enjoyable user experience.

CSS Buttons
56 items

A massive set of CSS buttons for free in multiple styles such as minimal, material, flat and 3D, ready to be integrated into your UI/UX project. You'll find a variety of CSS effects like hover buttons, hover images, CSS box shadows, etc. Related Lists: PSD Web Buttons · Material Buttons · CSS Radio Buttons

Material Design Buttons
9 items

A collection of multiple material design buttons, including animations and related colors to follow the regular Google guidelines.

JavaScript Buttons
9 items

A collection of buttons made in JavaScript to handle animations within them, and provide other types of interactivity.