# ocean-sky

Site Templates Live preview

Inkflow AI — Neon Grid Landing

A complete Inkflow AI landing page (nav, hero, features, CTA, footer) rendered in the Neon Grid style. Synthwave night: scanlines, glowing outlines and a perspective grid horizon.

34500Open

Featured Site Templates Live preview

Wavestream — Aurora Glass Landing

A complete Wavestream landing page (nav, hero, features, CTA, footer) rendered in the Aurora Glass style. Dark UI with drifting aurora glows, frosted glass cards and a gradient headline.

79800Open

Site Templates Live preview

Lumina Store — Neo Brutal Landing

A complete Lumina Store landing page (nav, hero, features, CTA, footer) rendered in the Neo Brutal style. Neo-brutalism: thick ink borders, hard offset shadows and loud flat color.

37700Open

Glass Pricing Card · Ocean Sky

A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ocean Sky palette.

23700Open

Gradient Profile Card · Ocean Sky

A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Ocean Sky palette.

52600Open

Infinite Marquee Strip · Ocean Sky

A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ocean Sky palette.

77700Open

Smooth FAQ Accordion · Ocean Sky

A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Ocean Sky palette.

33500Open

Sliding Indicator Tabs · Ocean Sky

Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Ocean Sky palette.

64000Open

Toast Notification Lab · Ocean Sky

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ocean Sky palette.

85800Open

Glass Navbar Pill · Ocean Sky

A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ocean Sky palette.

25800Open

Snap Card Carousel · Ocean Sky

A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Ocean Sky palette.

63900Open

Stat Counter Card · Ocean Sky

An analytics stat card whose headline number rolls up on load beside a tiny SVG sparkline. Rendered in the Ocean Sky palette.

39100Open

Neon Pulse Button · Ocean Sky

A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Ocean Sky palette.

75000Open

Line Sweep Button · Ocean Sky

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Ocean Sky palette.

82900Open

Conic Ring Loader · Ocean Sky

A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Ocean Sky palette.

15600Open

Bouncing Dots Loader · Ocean Sky

Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Ocean Sky palette.

55500Open

Equalizer Bars Loader · Ocean Sky

Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Ocean Sky palette.

43800Open

Draw-on Checkbox · Ocean Sky

A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Ocean Sky palette.

59300Open

Floating Glow Input · Ocean Sky

A text field with a floating label and a gradient focus ring that breathes. Rendered in the Ocean Sky palette.

41800Open

Striped Progress Bar · Ocean Sky

A gradient progress bar with animated candy stripes and a rolling percentage counter. Rendered in the Ocean Sky palette.

19400Open

Spring Tooltip Button · Ocean Sky

A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Ocean Sky palette.

50900Open

Pop Star Rating · Ocean Sky

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Ocean Sky palette.

8900Open

Constellation Field · Ocean Sky

Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Ocean Sky palette.

67300Open

Confetti Pop · Ocean Sky

Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Ocean Sky palette.

71700Open

Drifting Blob Backdrop · Ocean Sky

Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ocean Sky palette.

83900Open

Letter Rise Title · Ocean Sky

Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ocean Sky palette.

50000Open

Decode Scramble Text · Ocean Sky

Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Ocean Sky palette.

81500Open

Magnetic Hover Element · Ocean Sky

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ocean Sky palette.

62300Open

Looping Typewriter Lines · Ocean Sky

A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Ocean Sky palette.

33900Open

Ink Ripple Buttons · Ocean Sky

Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Ocean Sky palette.

28400Open

Radar Sweep Panel · Ocean Sky

A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Ocean Sky palette.

25300Open

Proximity Grid Glow · Ocean Sky

A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Ocean Sky palette.

37500Open

Aura Product Card · Ocean Sky

Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ocean Sky palette.

44100Open

Live KPI Card · Ocean Sky

Analytics KPI tile: pulsing status dot, counting number, delta chip and a live-updating sparkline. Rendered in the Ocean Sky palette.

14700Open

AI Chat Typing Bubbles · Ocean Sky

A chat mock: user bubble lands, three-dot typing indicator breathes, then the AI answer types itself in. Rendered in the Ocean Sky palette.

78600Open

Spotlight Coachmark Tour · Ocean Sky

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Ocean Sky palette.

50000Open

Auto-Advance OTP Input · Ocean Sky

Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Ocean Sky palette.

71600Open

Floating Orb Empty State · Ocean Sky

A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Ocean Sky palette.

27700Open

Liquid Glow Range Slider · Ocean Sky

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ocean Sky palette.

40900Open

Snap Swipe Deck · Ocean Sky

A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Ocean Sky palette.

46400Open

Traffic Donut Chart · Ocean Sky

A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ocean Sky palette.

60000Open

Scrub Story Strip · Ocean Sky

A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ocean Sky palette.

41100Open

Inline Form Validation · Ocean Sky

Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Ocean Sky palette.

71100Open

Pulse Activity Feed · Ocean Sky

A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Ocean Sky palette.