Scroll Reveal
Elements fade in with translate and blur on scroll entry. Universal motion pattern.
Scroll Reveal
Text Split Stagger
Headlines split into words/chars that stagger in. Dramatic editorial entrance.
Text Split Stagger
Character-level split:
Mask Wipe Reveal
Soft gradient mask wipe that reveals images/sections on scroll.
Mask Wipe Reveal
In production: driven by GSAP ScrollTrigger scrub
Blur to Sharp
Images start blurred and sharpen on scroll. Focus-pull cinematic effect.
Blur to Sharp
Grayscale to Color
Images transition from grayscale to full color on scroll entry.
Grayscale to Color
Hover to reveal color • In production: triggers on scroll entry
Infinite Marquee
Bidirectional seamless scrolling text with hover speed control and item scaling.
Infinite Marquee
Hover to slow down • Hover items to highlight • Bidirectional seamless loop
Text Scramble / Decode
Headlines decrypt character by character with random glyph cycling. Hacker aesthetic.
Text Scramble / Decode
Magnetic Hover Cards
Cards magnetically pull toward cursor with 3D tilt and radial spotlight. Elastic snap-back.
Magnetic Hover
Move your mouse over the cards • 3D tilt + magnetic pull + spotlight
Typewriter Deluxe
Premium typewriter with variable speed, dissolve-delete, growing underline, and blinking cursor.
Typewriter Deluxe
Variable typing speed • Dissolve-delete effect • Growing underline
Cursor Trail
Particle or ribbon trail follows cursor. Toggle between fading circles and SVG Bezier calligraphy.
Cursor Trail
Particles: fading circles with blur dissipation • Ribbon: SVG Bezier calligraphic stroke
Text Reveal Scroll
Apple-style word-by-word progressive text reveal controlled by mouse or slider. Narrative scroll.
Text Reveal Scroll
We believe design is not decoration. It is the invisible architecture that shapes how people feel about your business in the first five seconds. Every color traces to a material. Every font earns its place. Every section has a job — emotional, commercial, and structural. We do not build websites. We build trust engines.
Mouse X controls progress • Slider for manual control • In production: scroll-driven
Odometer Counter
Mechanical digit-rolling counter with per-column stagger and motion blur. Like car dashboards.
Odometer Counter
Projects Delivered
Client Satisfaction
Years Experience
Awards Won
Mechanical digit rolling • Staggered speed (ones fast, hundreds slow) • Motion blur • Hover to replay
Stacked Cards Fan
Cards stacked then fan out in arc on hover. Individual card highlight with glow.
Stacked Cards Fan
Hover to fan • Hover cards individually for highlight • Staggered spring animation
Morphing Blob
Organic shape continuously morphing via animated border-radius. Toggle organic/glassmorphism.
Morphing Blob
Creative
Studio
Continuous border-radius morphing • Mouse influences position • Toggle organic/glass
Liquid Reveal
Image reveals through SVG displacement filter creating liquid distortion. Ripple, wave, melt patterns.
Liquid Reveal
feTurbulence + feDisplacementMap • Click to replay
Semi-Circular Gallery
Cards arranged on a rotating semi-circular arc. Drag to rotate, auto-spins when idle. Depth-based scaling.
Semi-Circular Gallery
Drag to rotate • Auto-rotates when idle • Cards scale by depth
Bounce Cards Shuffle
Cards scatter and settle with bounce physics. Auto-shuffles every 3 seconds. Click to trigger.
Bounce Cards Shuffle
Click to shuffle • Auto-shuffles every 3s • Bounce easing on scatter
Fluid Glass
Gradient blobs follow mouse at different speeds. Floating glass card tracks cursor with backdrop blur.
Fluid Glass
Mouse drives fluid gradient blobs + floating glass card • Multi-speed parallax layers
Floating Glass Menu
FAB button expands into glassmorphic menu items with staggered reveal. Liquid glass aesthetic.
Floating Liquid Glass Menu
Click the button to expand • Glassmorphic menu items • Staggered reveal animation
Focus Cards
Hover one card to focus — others blur, dim, and shrink. Smooth depth-of-field photography effect.
Focus Cards
Hover any card to focus • Others blur + dim + shrink • Smooth depth-of-field effect
Glowing Cards
Stripe-inspired glow border follows mouse position. Radial gradient spotlight inside card.
Glowing Cards
Move mouse over cards • Glow follows cursor position • Stripe-inspired border effect
Dock
macOS-style dock with magnification on hover. Neighboring items scale proportionally. Click bounce animation.
Dock
Hover for magnification • Click for bounce • macOS dock-style interaction
Lens
Magnifying glass effect over image. 2× zoom lens follows cursor with glassmorphic border.
Lens
Hover to magnify • 2× zoom lens follows cursor • Glassmorphic lens border
Magic Card
Holographic gradient shifts with mouse movement. 3D perspective tilt. Three gradient modes: linear, radial, conic.
Magic Card
Move mouse over cards • Holographic gradient follows cursor • 3D perspective tilt
Electro Border
Animated neon conic-gradient border with traveling spark. Corner accents and electric glow on hover.
Electro Border
Hover to activate • Animated neon border pulse • Electric glow effect