RavicharanN/FrontendDesignElements

Curated list of frontend designs

Awesome-Frontend-Designs

Curated list of frontend designs #Table of contents

• Background
• Clocks
• Text
• NavBar
• Footer
• Icons
• Menu
• SideBar

Contents

##background

• blurred background
• parallax scrolling
• connect three
• gravity points
• animated background gradient
• floating cloud
• parallax background with walk cycle
• Particle trails

##text

• cloudy text
• moving masked background
• CSS text shadow
• Glitch effect
• Hover effects on the title
• 3D font
• HI ##clocks

• QLOCKTWO
• Working clock
• Countdown clock

• Mother flippin clock
• Clock || clocks ?
• Rotate clock
• Waterclock
• Powered clock
• Dynamic Clock

##NavBar

• Responsive Parallax Navbar Logo - Bootstrap
• Navbar Transition on Scroll
• Bootstrap Navbar with Logo Centered Above
• Bootstrap Navbar Toggle Show/Hide
• Navigation button

##Footer

• Sticky Footer
• Header/Footer Parallax Effect
• CSS "Always on the bottom" Footer
• Responsive CSS Sticky Footer with a touch of jQuery

##Icons

• Font Awesome Colored - Brand And Social Icons
• Rotating Icon Buttons
• Social media hover icons with pop-up titles
• Social Icons

##Menu

• iOS style sliding menu
• Gooey Menu
• Pull Menu - Menu Interaction Concept
• Touch device jelly menu concept

##Sidebar

• Elastic SVG Sidebar Material Design
• Sidebar slide-in-out effect
• Fixed width sidebar responsive layout
• Offcanvas sidebar menu with a twist
• Secret Project

##Cards

• Simple Card Carousel
• Material Design - Responsive card
• Google Now Inspired Flip Cards
• Material Design Cards
• Flip - card memory game.