As the first impression hero sections are the most significant element of your web/landing pages, I have prepared some of the most modern and usable hero sections.
-
Updated
Jan 22, 2023 - HTML
#
hero-section
Here are 59 public repositories matching this topic...
The Atomic UI Registry for NextJS. 🪼
react css template typescript ui landing-page nextjs saas template-project nextjs-template ui-templates hero-section once-ui
-
Updated
Apr 1, 2026 - TypeScript
A clean, lightweight hero section with smooth animations — built using pure CSS without JavaScript.
css ui-design frontend animation-effects html-css web-design responsive-design pure-css no-javascript css-animation minimal-ui hero-section
-
Updated
Jul 16, 2025 - CSS
The hero effect for the AI agent era — GPU-accelerated glass ripple with CRT retro aesthetics with a lot brand icons, 11-pass WebGL2 shader pipeline
webgl threejs typescript ai landing-page animation gpu glsl shader webgl2 crt visual-effects ai-agent hero-section
-
Updated
Feb 7, 2026 - TypeScript
A repository containing a customizable Hero Section for showcasing key content or a call-to-action.
website web-development web templates component-library website-template responsive-web-design hero-section responsive-hero-section
-
Updated
Dec 15, 2024 - JavaScript
A premium full‑stack interior design showcase application — built with a TypeScript React frontend
-
Updated
Sep 25, 2025 - TypeScript
Simple but Responsive Here Session Design With Source Code for Restaurant Website
-
Updated
Nov 26, 2023 - HTML
Hero Slider with Autoplay Progress Fade Effect
-
Updated
Feb 26, 2024 - CSS
Full-screen slider gallery with synced transitions, smooth animations, and Swiper.js.
thumbnails fullscreen carousel project html-css-javascript swiper carousel-slider fullscreen-slider swiper-js hero-section
-
Updated
Mar 29, 2025 - HTML
Website Hero Section Concept using HTML, CSS & Javascript
-
Updated
Feb 7, 2022 - JavaScript
WordPress plugin that exposes the real sticky header height as CSS custom properties for full-height heroes, banners and layouts.
-
Updated
Apr 30, 2026 - PHP
💜 Hero Section Design
-
Updated
Nov 18, 2022 - CSS
GPU-accelerated animated sine wave backgrounds for vanilla JS and React. WebGL2 + custom GLSL shaders with automatic Canvas2D/CSS fallback.
react javascript webgl hero shaders gpu glsl background wave webgl2 vanillajs sinewave hero-animation hero-section
-
Updated
Apr 19, 2026 - JavaScript
This Restaurant Landing Page is a sleek and fully responsive website template designed specifically for restaurants.
-
Updated
Dec 16, 2023 - HTML
Beautiful, animated WebGL wallpaper engine with presets for landing pages and web applications
react webgl typescript landing-page creative-coding npm-package shader generative-art visual-effects animated-background hero-section
-
Updated
Apr 5, 2026 - TypeScript
cool (3d) hero sections that you can steal, svelte/threlte
-
Updated
Feb 7, 2024 - JavaScript
Landing page responsive pour casque JBL. Design sombre, slider interactif, infobulles animées, ScrollReveal, formulaire e-mail et navigation fluide. Parfait pour vitrine produit moderne.
javascript html5 landing-page css3 dark-theme headphones responsive-design scroll-animations mobile-navigation scrollreveal-js swiper-js product-slider animated-ui product-presentation remix-icons hero-section footer-design newsletter-form interactive-tooltips sponsor-logos
-
Updated
Jul 24, 2025 - CSS
-
Updated
Oct 18, 2023 - TypeScript
Improve this page
Add a description, image, and links to the hero-section topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the hero-section topic, visit your repo's landing page and select "manage topics."