Open-source gallery of AI-generated UI experiments built with Claude (Fable 5), landing pages, hero sections, GLSL shaders, design systems, animations & 3D in React, Tailwind & Three.js.
-
Updated
Jul 22, 2026 - HTML
Open-source gallery of AI-generated UI experiments built with Claude (Fable 5), landing pages, hero sections, GLSL shaders, design systems, animations & 3D in React, Tailwind & Three.js.
470 AI web design prompts — Generate stunning landing pages in seconds. Works with Bolt.new, v0, GPT-Engineer. 100% original designs, MIT licensed.
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.
The Atomic UI Registry for NextJS.
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
A clean, lightweight hero section with smooth animations — built using pure CSS without JavaScript.
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.
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.
A repository containing a customizable Hero Section for showcasing key content or a call-to-action.
Hero Slider with Autoplay Progress Fade Effect
Simple but Responsive Here Session Design With Source Code for Restaurant Website
Interactive motion-based hero UI project developed with Next.js, responsive design principles, and modern frontend animations.
A premium full‑stack interior design showcase application — built with a TypeScript React frontend
Full-screen slider gallery with synced transitions, smooth animations, and Swiper.js.
Website Hero Section Concept using HTML, CSS & Javascript
WordPress plugin that exposes the real sticky header height as CSS custom properties for full-height heroes, banners and layouts.
💜 Hero Section Design
GPU-accelerated animated sine wave backgrounds for vanilla JS and React. WebGL2 + custom GLSL shaders with automatic Canvas2D/CSS fallback.
This Restaurant Landing Page is a sleek and fully responsive website template designed specifically for restaurants.
Add a description, image, and links to the hero-section topic page so that developers can more easily learn about it.
To associate your repository with the hero-section topic, visit your repo's landing page and select "manage topics."