Transform your site's loading experience with this premium water fill logo preloader. Your logo fills up in color like water, creating a clean, brand-first loading moment that instantly makes your site feel more polished and intentional.
Logo fill animation that rises like water from bottom to top
Fully customizable logo (swap any SVG or image)
Fully customizable fill color to match your brand
Adjustable animation speed and smoothness
Optional background color control for seamless page transitions
Responsive scaling across desktop and mobile
Smooth fade-out when complete
Zero configuration needed, works out of the box
Portfolio sites
Agency websites
SaaS and product launches
Course creators and landing pages
Premium brand sites
Any site that needs a polished loading experience
Water Fill Logo Preloader Component URL
Coupon for 25% off on yearly Pro plan
Lifetime Email Support
Drag the component onto your Framer canvas
Upload your logo (SVG or image)
Pick your fill color + background color
Adjust speed if needed
Publish ✅
✓ Logo upload (SVG or image)✓ Fill color✓ Background color✓ Animation speed✓ Fade-out timing✓ Scaling for different screen sizes
On load, your logo starts empty and fills upward like water
The fill animates smoothly until complete
Once finished, the preloader fades out cleanly
It then removes itself so it won’t interfere with anything
Match the background to your first section for a seamless transition
Use a bold, simple logo mark for the cleanest fill effect
Keep the animation fast for marketing pages, slower for premium brand sites
Need Complete Site Templates?If you like clean, premium interactions, you’ll find more templates and components at https://omakase.com/templates.
SupportNeed help setting it up? Email us at tech@oma-kase.com
Due to the nature of digital products, we do not offer refunds once a purchase is made.
Omakase
