Sample Text
See how the glass affects readability and creates depth over typography and other elements.
MM Lab
Enter password to continue
EXPERIMENTAL
CREATIVE LAB
Welcome to the playground. This is where we experiment with new ideas, push boundaries, and explore the intersection of art and technology.
UI 3D MOTION ART
Experiments
01
Magnetic Interaction
Hover over the button below
02
Noise Texture
Dynamic grain overlay effect
03
Text Scramble
████████████████████
04
Gradient Mesh
Animated color transitions
05
Particle System
Move your cursor inside
06
3D Perspective
Tilt this card with your mouse
Typography
Display
BOLD MOVES
Accent
REFINED DETAILS
Outline
EDGE STYLE
Palette
Lime #D4FF00
Black #0D0D0D
White #FAFAFA
Gray #666666
Glass Overlay
Drag the glass element over different content to see the effect. Click and drag to reposition.
Drag me Liquid Buttons
Hover to see the morphing effect
Hover Reveal
Move your cursor over the images
01 Creative
02 Motion
03 Capture
Infinite Marquee
PHOTOGRAPHY * VIDEOGRAPHY * CREATIVE * PRODUCTION * PHOTOGRAPHY * VIDEOGRAPHY * CREATIVE * PRODUCTION *
PHOTOGRAPHY * VIDEOGRAPHY * CREATIVE * PRODUCTION * PHOTOGRAPHY * VIDEOGRAPHY * CREATIVE * PRODUCTION *
DANCE + RECITALS + EVENTS + STUDIOS + DANCE + RECITALS + EVENTS + STUDIOS +
DANCE + RECITALS + EVENTS + STUDIOS + DANCE + RECITALS + EVENTS + STUDIOS +
Elastic Cursor
Move your mouse around the box
Move Around
Split Text Animation
Hover over the text
MEDIA MAPLE
CREATIVE STUDIO
Circular Text
MM
Stacked Cards
Scroll or hover to fan out
01
Capture
Professional photography
02
Edit
Creative post-production
03
Deliver
Fast turnaround
04
Repeat
Ongoing partnership
Spotlight Effect
Move cursor to reveal the hidden message
MEDIA MAPLE
CREATIVE EXCELLENCE
Morphing Shapes
Neumorphism / Soft UI
Soft extruded elements with depth illusion
Time
Convex element
Love
Pressed element
Toggle
Volume
Glassmorphism
Frosted glass effects with depth and blur
Premium
Frosted glass panel with beautiful depth
NEW
Secure
Layered transparency creates visual hierarchy
Global
Modern interface with subtle backdrop blur
Kinetic Typography
Text that moves and reacts
WAVE MOTION
|
ELASTIC
GRADIENT FLOW
Hover Distortion
Mouse-reactive image effects
Ripple Effect
Skew Warp
Zoom Blur
Animated Counters
Numbers that count up on scroll
0 + Events Captured
0 + Photos Delivered
0 % Client Satisfaction
0 hr Average Delivery
Scroll Indicators
Visual progress as you scroll
Horizontal Bar
Circular
0%
Dots
INTERACTIVE
Parallax Layers
Move your mouse to shift the depth layers
Ripple Effects
Click anywhere on the buttons
3D Card Flip
Hover to reveal the other side
Photography
Professional photo sessions with custom styling and creative direction
Learn MoreVideography
Cinematic video production for events and creative projects
Learn MoreProduction
Full-service production from concept to final delivery
Learn MoreAnimated Accordion
Click to expand with smooth animations
We offer professional photography, videography, and full production services for dance studios, recitals, and creative projects.
Most projects are delivered within 24-48 hours. For larger events, we provide a timeline during consultation.
Yes! We serve clients nationwide and can travel to your location for events and productions.
Animated Tooltips
Hover over elements for more info
Floating Action Button
Click the button to expand options
Skeleton Loading
Placeholder animations while content loads
Custom Cursors
Different cursor styles for different interactions
Pointer
Grab
Crosshair
Text
Zoom
Hidden
Animated Borders
Gradient and animated border effects
Rotating Gradient
Border rotates continuously
Pulsing Border
Border glows and fades
Snake Border
Border travels around
Loading Animations
Various loading spinner styles
Spinner
Pulse
Magnetic Grid
Move your cursor to see dots react
Liquid Scroll
Scroll to see text warp and flow
FLOWING TEXT
WAVE MOTION
ORGANIC FEEL
Cursor Trail
Move your mouse to create trailing shapes
Move Around
Drag & Drop Gallery
Drag cards to reorder them
01
Capture
02
Create
03
Deliver
04
Inspire
ASCII Art Generator
Image converted to ASCII characters
███╗ ███╗███╗ ███╗
████╗ ████║████╗ ████║
██╔████╔██║██╔████╔██║
██║╚██╔╝██║██║╚██╔╝██║
██║ ╚═╝ ██║██║ ╚═╝ ██║
╚═╝ ╚═╝╚═╝ ╚═╝
Noise & Grain
Adjust the noise intensity
Color Picker & Palettes
Generate harmonious color schemes
#D4FF00
Complementary
Analogous
Triadic
Blend Modes
CSS blend mode effects
Multiply
Screen
Overlay
Difference
Color Dodge
Exclusion
3D Rotating Cube
Drag to rotate the cube
FRONT
BACK
RIGHT
LEFT
TOP
BOTTOM
Perspective Stack
Click cards to cycle through the stack
Photography
Capture every moment
Videography
Motion & cinema
Production
Full-service events
Creative
Unique concepts
Scroll Animations
Elements animate as they enter the viewport
↑ Fade Up
← Fade Left
→ Fade Right
◯ Scale In
↻ Rotate In
◈ Blur In
SVG Animations
Animated vector graphics
Draw
Morph
Pulse
Loader
Variable Font
Adjust font weight and width dynamically
MEDIA MAPLE
Text Mask
Video or gradient visible through text
GRADIENT
MOTION
TEXTURE
Stroke Animation
Text strokes that animate on hover
CREATIVE
STUDIO
Text Shadow Depth
Layered shadows create 3D effect
DEPTH
RETRO
NEON
Theme Toggle
Switch between light and dark modes
Sample Card
This card adapts to the current theme mode.
Notification Toasts
Click buttons to trigger different toast types
Modal Variations
Different modal and lightbox styles
Form Validation
Animated feedback for form inputs
Center Modal
This modal appears from the center with a scale animation.
Slide Modal
This modal slides in from the right side.
Scale Modal
This modal scales up from a small size.