A hero section featuring a geometric golden spiral background pattern, SVG line art, and integrated tech stack icons, built with Tailwind CSS for a modern, technical aesthetic.
A responsive landing page hero section featuring dual logo support with separators, customizable title and subtitle, dual call-to-action buttons, and a bottom tech-stack logo footer.
A responsive hero section featuring a customizable badge, gradient text title, description, and dual CTA buttons, complemented by a central mockup frame with light and dark mode screenshot support.
A bordered hero card featuring a blurred full-bleed background image, a rocket badge, centered typography, and dual CTAs that utilize Framer Motion for a rising entrance animation with reduced-motion support.
A full-viewport product hero featuring a WebGL gradient backdrop, scroll-triggered zoom-out animation, inline navigation, dual CTAs, a step-type indicator strip, and a carved stat corner, built with Framer Motion and Tailwind CSS.
A centered hero section featuring a pill badge, serif headline with italic emphasis, dual CTA buttons, and a faux app-window preview, utilizing staggered motion animations and a token-lit radial gradient background.
A centered serif hero section featuring a word-by-word blur-in text animation, a glass-morphism beta badge, dual call-to-action buttons, and animated SVG beam line-art that traces the section borders.
A centered personal hero section featuring a live availability badge, serif typography, a three-column stat row with dividers, dual rounded CTAs, and a tooltip-enabled tech stack, enhanced by animated geometric border accents and soft background glows.
A full-bleed hero section featuring an animated aurora shader backdrop, a glass-morphism navigation pill, a serif headline, dual call-to-action buttons, and an avatar-based social proof row.
A full-bleed image hero section featuring a dark gradient scrim, a glassmorphism-styled navigation bar, a serif headline, and dual call-to-action buttons aligned to the bottom.
An editorial-style centered hero section featuring a serif headline, dual call-to-action buttons, a faded grid background with radial gradients, and a logo cloud, built with Tailwind CSS.
Select an Item to view its code
Choose an item from the list to view its code and files.