Keyword: crazygl
- @crazygl/hero-extruded-3d-headline-sculptureReleased6h agoVersion0.1.1
Extruded 3D Headline Sculpture — Your headline as a thick, bevelled 3D sculpture floating under three-point studio lighting. Each letter has glossy bevelled edges, the camera parallaxes with your pointer so the depth… A customizable CrazyGL animated hero
- @crazygl/hero-exhibition-posterReleased6h agoVersion0.1.1
Exhibition Poster Hero — A single campaign image becomes a 3D museum poster with soft paper folds, a slow specular light sweep across the surface, and a film-grade animated grain. Slow camera drift and pointer parallax… A customizable CrazyGL animated her
- @crazygl/hero-energy-beam-ctaReleased6h agoVersion0.1.1
Energy Beam CTA — A conversion-focused hero: the main CTA button emits a glowing vertical beam that connects to a tilted product dashboard, making the button feel like it activates the product. Hover the CTA to brighten… A customizable CrazyGL animated he
- @crazygl/hero-energy-coreReleased6h agoVersion0.1.1
Energy Core Reactor — A glowing reactor core suspended in space — rotating orbital rings, procedural plasma arcs lashing inward, and emissive bloom. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-ember-meshReleased6h agoVersion0.1.1
Ember Mesh — A warm particle-network hero. Particles drift and connect with glowing ember edges that follow the pointer. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-dynamic-fill-navReleased6h agoVersion0.1.1
Dynamic Fill Nav — A nav bar where each link reveals a coloured fill on hover — left-to-right wipe behind a flat-coloured label. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-dropcapReleased6h agoVersion0.1.1
Drop Cap — Editorial paragraph with a single, oversized serif drop-cap that overhangs the leading margin — drop straight into a magazine layout. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-dither-gradientReleased6h agoVersion0.1.1
Dither Gradient — A dark editorial hero lit by a single grainy warm gradient that ramps along one animated sine contour (no mirrored band). The contour breathes with a pseudo-random amplitude, and the giant wordmark is… A customizable CrazyGL animated her
- @crazygl/hero-draggable-portfolio-cardsReleased6h agoVersion0.1.1
Draggable Portfolio Cards — Portfolio cards float behind the headline and can be dragged with momentum, making the hero feel tactile and playful. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-digital-rainReleased6h agoVersion0.1.1
Digital Rain Curtain — Depth-stacked vertical streams of glowing glyphs cascade downward — abstract characters at different focal layers, with parallax and a soft head glow on each leading character. A customizable CrazyGL animated hero section — WebGL, R
- @crazygl/hero-digit-upReleased6h agoVersion0.1.1
Digit Up — A large number that counts from a start value up to an end value with configurable easing, decimals, prefix and suffix — the classic stats / numbers section, but as a full hero. A customizable CrazyGL animated hero section — WebGL, React, drop-
- @crazygl/hero-depth-wave-fieldReleased6h agoVersion0.1.1
Depth Wave Field — A perspective grid of small glowing dots forms an undulating 3D wave terrain that recedes into the distance and fades to black — the look of a topographic depth-sensing point cloud. Smooth traveling… A customizable CrazyGL animated hero
- @crazygl/hero-debugging-xray-heroReleased6h agoVersion0.1.1
Debugging X-Ray — A polished product screenshot scanned by an animated x-ray band that reveals the underlying component structure as glowing devtools-style bboxes and accessibility outlines. Drag the pointer, or let it… A customizable CrazyGL animated her
- @crazygl/hero-database-coreReleased6h agoVersion0.1.1
Database Core — A central 3D database core — a stack of slowly rotating cylindrical disks with glowing seams. Query pulses radiate across the floor and flash through the core's seams; configurable satellite shapes orbit… A customizable CrazyGL animated he
- @crazygl/hero-data-rain-revealReleased6h agoVersion0.1.1
Data Rain Product Reveal — Elegant colored data streams fall behind a central product screenshot in four refined tints, with a few drops drifting in front for parallax depth. Cyberpunk but refined. A customizable CrazyGL animated hero section — WebGL, Rea
- @crazygl/hero-data-rain-3dReleased6h agoVersion0.1.1
Data Rain 3D — Characters, digits and small symbols fall through a real 3D perspective volume. Near glyphs are large and bright, far ones shrink and dissolve into depth fog. Move the cursor and the falling stream curves… A customizable CrazyGL animated he
- @crazygl/hero-data-flowReleased6h agoVersion0.1.1
Screenshot with Animated Data Flow — Glowing particles and connection lines stream out from a tilted product screenshot, suggesting live data moving through the UI. Built for analytics, CRM, automation, AI agents and… A customizable CrazyGL animated hero
- @crazygl/hero-dashboard-light-beamReleased6h agoVersion0.1.1
Floating Dashboard With Light Beam Reveal — Your product dashboard, tilted in 3D space, scanned into existence by a soft blue-purple light beam. A glowing uplight underneath and a subtle floor reflection complete the… A customizable CrazyGL animated hero
- @crazygl/hero-cyberpunk-textReleased6h agoVersion0.1.1
Cyberpunk Text — Neon-lit cyberpunk heading with magenta + cyan glow, periodic flicker, and faint scanlines — Night City wall poster vibes. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-dashboard-eclipseReleased6h agoVersion0.1.1
Dashboard Eclipse — Your dashboard screenshot sits low in the frame, partially hidden behind a glowing eclipse horizon, a vertical beam of light rising from it like the product itself is powering the scene. A customizable CrazyGL animated hero section — W
- @crazygl/hero-cyber-terminalReleased6h agoVersion0.1.1
Cyber Terminal — A terminal/code-editor screenshot floats at the centre, surrounded by drifting command fragments, glowing syntax particles and a pointer-driven matrix-green cursor trail. A customizable CrazyGL animated hero section — WebGL, React, drop-i
- @crazygl/hero-cursor-shadow-textReleased20h agoVersion0.1.0
Cursor Shadow Text — The heading casts a real drop shadow whose direction tracks the cursor — like a single fixed light moving across the room. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-cursor-reveal-textReleased6h agoVersion0.1.1
Cursor Reveal Text — Two stacked paragraphs — a primary line shown in the surface colour, and a secret reveal line shown only inside a cursor-following spotlight that grows on hover. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-crystal-refractionReleased6h agoVersion0.1.1
Crystal Refraction Field — Six raymarched octahedral crystals drift across the screen, refracting the background through each face with per-channel chromatic dispersion at the rim. A customizable CrazyGL animated hero section — WebGL, React, drop-in.
- @crazygl/hero-crystal-logo-prismReleased6h agoVersion0.1.1
Logo Inside a Crystal — A slowly rotating crystal prism (3D ray-marched rounded cube) with your logo suspended inside as a glowing emissive mesh. Per-channel IOR refraction on the cube faces splits white light into… A customizable CrazyGL animated hero se