Headers

52 snippets

Browse Headers examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-headers

Snippets(52)

Hero OnScroll
A hero onscroll built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Simple Parallax Header with Blur
A simple parallax header with blur built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Auto Hide Sticky Header
A auto hide sticky header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Blurry Header
A blurry header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Animated Header
A css animated header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Header
A css header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Parallax Header Image
A css parallax header image built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Continuous Scrolling Background Of Sticky Header
A continuous scrolling background of sticky header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Cool Header Color Line
A cool header color line built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Curve Header
A curve header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Curve SVG Background Animation
A curve svg background animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Fixed Angled Header
A fixed angled header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Fixed Header (Quick Hack)
A fixed header (quick hack) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Fixed Header Scroll Effect And Smart Nav For One-Page Sites
A fixed header scroll effect and smart nav for one-page sites built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Flexbox Hero Header
A flexbox hero header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Floating Header
A floating header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Fullscreen Background Video With Mix-Blend-Mode Overlay Text
A fullscreen background video with mix-blend-mode overlay text built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Fullscreen Header With Background Color Cycle
A fullscreen header with background color cycle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Header Fade
A header fade built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Header Image Parallax Scrolling Effect with CSS
A header image parallax scrolling effect with css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Header for Landing Page
A header for landing page built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hero Effect - Magazine
A hero effect - magazine built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hero Idea
A hero idea built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hero Image Showcase
A hero image showcase built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hero Video
A hero video built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hero Zoom On Scroll
A hero zoom on scroll built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Hover Effect for Headers
A hover effect for headers built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Just A Simple Header Bar
A just a simple header bar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Minimal Responsive Header & CSS Animations
A minimal responsive header & css animations built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Multi-Layered Parallax Illustration
A multi-layered parallax illustration built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Neat Parallax Hero Effect
A neat parallax hero effect built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Non Rectangular Headers
A non rectangular headers built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
React Video Header
A react video header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Responsive Scroll Header
A responsive scroll header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Responsive Scrolling Sticky Header
A responsive scrolling sticky header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Responsive Sticky Header Navigation
A responsive sticky header navigation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Responsive Video Header
A responsive video header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Scroll Header
A scroll header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Sexy Animated Rainbow Waves Header
A sexy animated rainbow waves header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Shrinking Header on Scroll Without Javascript
A shrinking header on scroll without javascript built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Shrinking Header on Scroll without JavaScript
A shrinking header on scroll without javascript built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Skewed Header
A skewed header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Slanted Div, Fixed Header
A slanted div, fixed header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Sticky Header CSS Transition
A sticky header css transition built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Sticky Header On Scroll
A sticky header on scroll built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Sticky Header Visual Trick
A sticky header visual trick built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Sticky Headers
A sticky headers built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Top Sliding Nav
A top sliding nav built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Video Header
A video header built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Video Header Animation
A video header animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Headings/Hero Image Typography Playground
A headings/hero image typography playground built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Staggered Bars Reveal Animation
A staggered bars reveal animation built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 100+, Edge 100+, Safari 14+, Firefox 90+
Features
Zero JavaScript, Keyframe Animation, Background Size/Position, Responsive Design
Responsive
Yes

Snippets(52)

related hubs