← All references

Spline — Neon Glassmorphism

Neon / Glass

Frosted glass panels floating over glowing 3D and vivid neon gradients.

Spline — Neon Glassmorphism preview
Mood
Futuristic, tactile, playful-premium. Feels like a design tool from the near future.
Colors
Deep dark or vivid gradient base, saturated neon accents (magenta, cyan, violet), translucent white glass. High glow, high saturation.
Type
Clean geometric sans, medium weights, high legibility over busy backgrounds. Type stays simple so the visuals shine.
Layout
Floating frosted-glass cards (blur + border + inner glow) layered over a 3D/gradient hero. Depth via stacking and translucency, centered focal object.
Motion
Live 3D that reacts to cursor, drifting gradient blobs, parallax glass layers, soft glow pulses.
Texture
backdrop-blur glass, 1px translucent borders, neon drop-glows, glossy 3D renders, grain over gradients.
Imagery
Generate: glossy 3D render objects (blobs, orbs, abstract shapes) and vivid neon gradient backdrops. High glow, high saturation. Tool: kie-ai Seedream/Flux for 3D-style renders; higgsfield if you want subtle motion.
Don't
No flat matte-only screens, no muted palettes, no plain white cards. Lean into depth and glow.

Use in a session

spline-glass

Tell Claude: build [my thing] using swipe ref spline-glass

Full recreation prompt

Recreate a landing page in the "Spline — Neon Glassmorphism" style (Neon / Glass). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Futuristic, tactile, playful-premium. Feels like a design tool from the near future.
- Colors: Deep dark or vivid gradient base, saturated neon accents (magenta, cyan, violet), translucent white glass. High glow, high saturation.
- Typography: Clean geometric sans, medium weights, high legibility over busy backgrounds. Type stays simple so the visuals shine.
- Layout: Floating frosted-glass cards (blur + border + inner glow) layered over a 3D/gradient hero. Depth via stacking and translucency, centered focal object.
- Motion: Live 3D that reacts to cursor, drifting gradient blobs, parallax glass layers, soft glow pulses.
- Texture: backdrop-blur glass, 1px translucent borders, neon drop-glows, glossy 3D renders, grain over gradients.
- Avoid: No flat matte-only screens, no muted palettes, no plain white cards. Lean into depth and glow.

Imagery (generate real assets, do not use placeholders): Generate: glossy 3D render objects (blobs, orbs, abstract shapes) and vivid neon gradient backdrops. High glow, high saturation. Tool: kie-ai Seedream/Flux for 3D-style renders; higgsfield if you want subtle motion.

Reference exemplar: https://spline.design. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://spline.design ↗