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 64 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
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 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
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
Hero Slider with Autoplay Progress Fade Effect
-
Updated
Feb 26, 2024 - CSS
Simple but Responsive Here Session Design With Source Code for Restaurant Website
-
Updated
Nov 26, 2023 - HTML
Interactive motion-based hero UI project developed with Next.js, responsive design principles, and modern frontend animations.
-
Updated
Dec 2, 2025 - TypeScript
Page d’accueil immersive avec animations GSAP, effets sakura et design responsive. Idéal pour projets artistiques ou culturels souhaitant offrir une expérience visuelle poétique et apaisante.
design single-page-site gsap mobile-first static-website sakura webdesign html-css-js javascript-vanilla interactive-ui responsive-navbar remix-icons pure-css-layout frontend-project hero-section scroll-blur background-effects animated-landing-page immersive-experience cultural-theme
-
Updated
Jun 29, 2025 - 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
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
💜 Hero Section Design
-
Updated
Nov 18, 2022 - CSS
🌊 Create interactive WebGL2 canvas surfaces with real-time waves, retro visuals, and 100+ AI and tech brand icons for dynamic landing pages.
webgl threejs typescript ai landing-page animation gpu glsl shader webgl2 crt visual-effects ai-agent hero-section
-
Updated
Jun 11, 2026 - TypeScript
This Restaurant Landing Page is a sleek and fully responsive website template designed specifically for restaurants.
-
Updated
Dec 16, 2023 - HTML
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
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."