hero-section

Here are 87 public repositories matching this topic...

pulkitxm / claude-directory

Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.

react ui-design webgl threejs landing-page frontend templates ui-components glsl-shaders design-system claude tailwindcss ai-generated hero-section anthropic claude-ai generative-ui vibe-coding

Updated Aug 24, 2026
HTML

nomaan5541 / motionsites-prompt-collection

Star

470 AI web design prompts — Generate stunning landing pages in seconds. Works with Bolt.new, v0, GPT-Engineer. 100% original designs, MIT licensed.

Updated Jul 22, 2026
TypeScript

therituraj / 20-Modern-Hero-Section-

Star

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.

css html html-css-javascript responsive-web-design portfolio-design hero-section

Updated Jan 22, 2023
HTML

basalt3 / spojt

Star

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

ZenAlexa / glass-ripple

Star

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 Jul 28, 2026
TypeScript

abuzar-alvi / CSS-Only-Animated-Hero-Section

Star

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

NewGooseFactory / GooseDesigns

Star

Daily UI design inspiration: auto-generated hero & landing-page mockups for trending GitHub repos (AI, agents, dev tools, LLMs). A fresh design montage every morning in rotating styles - terminal-dark, editorial, aviation HUD, blueprint. Searchable catalog, per-day pages, live gallery.

Updated Aug 25, 2026
HTML

Black-Line-Ops / scroll-scrub-hero

Star

Turn any photo into a scroll-scrubbed website hero. kie.ai pipeline: storyboard, keyframes, Kling first/last-frame tweens, drop-in WebP frames. By Black Line Design.

ffmpeg web-design scroll-animation hero-section kling kie-ai claude-skill

Updated Aug 25, 2026
JavaScript

danhnm1203 / scrollytelling

Star

Turn a video you already have into a complete scroll-scrubbed hero page, in one command. Next, Nuxt, Astro or plain HTML.

html video landing-page nextjs nuxt astro scrollytelling image-sequence hero-section claude-code

Updated Aug 9, 2026
JavaScript

ValentinMadiot / background-animation-temple_js

Star

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.

Updated Jun 29, 2025
CSS

mzherx / UIHive_Hero-Section

Star

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

Developer-Zahid / Hero-Slider-with-Autoplay-Progress-Fade

Star

Hero Slider with Autoplay Progress Fade Effect

slider progress-bar swiper slider-component swiper-js swiper-slider swiper-slider-js hero-section

Updated Feb 26, 2024
CSS

httpsadnankhan / hero-section-for-restaurant

Star

Simple but Responsive Here Session Design With Source Code for Restaurant Website

html5 webpage restuarant hero-section

Updated Nov 26, 2023
HTML

Notookk / Interiorlogy

Star

A premium full‑stack interior design showcase application — built with a TypeScript React frontend

html typescript reactjs interior-design tailwindcss hero-section

Updated Sep 25, 2025
TypeScript

arththakkar1 / motion-hero-next-js

Star

Interactive motion-based hero UI project developed with Next.js, responsive design principles, and modern frontend animations.

react frontend animation nextjs responsive-design tailwindcss hero-section

Updated Dec 2, 2025
TypeScript

pixelgridui / full-screen-slider-gallery

Star

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

mpotane / landing-page

Sponsor

Star

landing-page for The Odin Project

landing-page hero-section

Updated Sep 22, 2023
CSS

shawnkowalchuk / reactimate

Star

A visual editor for animated hero text that exports clean React + Motion code. Free, no account needed.

react typescript landing-page code-generator animation motion web-animation visual-editor tailwindcss vite framer-motion hero-section

Updated Aug 15, 2026
TypeScript

saadman-galib / Creative-Nature

Star

💜 Hero Section Design

github css html css3 collaborate hero-section creative-nature

Updated Nov 18, 2022
CSS

hamza-hafeez-dev / Flutter-Northpeak-Web-UI

Star

A modern Northpeak landing page UI featuring a cinematic mountain hero, clean navigation, focused typography, and a premium visual experience.

dart landing-page web-ui web-design flutter responsive-design flutter-ui minimal-ui northpeak hero-section

Updated Aug 7, 2026
Dart

Improve this page

Add a description, image, and links to the hero-section topic page so that developers can more easily learn about it.

Curate this topic

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."

Learn more