OceanButton
A modern CSS button with an animated ocean wave fill effect on hover. Fully customizable colors, size, and text via Framer property controls. Perfect for dark-themed landing pages and SaaS sites.
About this Component
🌊 Ocean Wave Button — Animated liquid fill effect
A modern interactive button with a beautiful
ocean wave animation on hover. Built with pure
CSS and fully customizable via Framer's property
controls panel.
FEATURES:
- Liquid wave fill animation on hover
- Customizable text, colors, and size
- Dark theme optimized
- No coding required
- Drag and drop ready
HOW TO USE:
1. Purchase and copy component URL
2. Open Framer project
3. Paste URL on canvas (Ctrl+V / Cmd+V)
4. Customize via right panel
PROPERTIES:
- Text content
- Background color
- Border & wave color
- Font size
- Width & Height
