Do I need any design or coding experience?

No, you don't need any prior experience. Our templates are built with simplicity in mind, using Webflow and Framer's drag-and-drop interface. You can easily adjust text, images, colors, and layouts without touching a single line of code.

Can I use these templates for client projects?

Yes. You're free to use them for personal or commercial projects, including client work.

Do I need a Webflow/Framer subscription to launch my website?

Webflow and Framer is free to use while you're designing and building your website. You only need a subscription when you decide to publish your site with a custom domain.

Is there a refund policy?

Due to the nature of digital products, refunds aren't available. However, I'm committed to helping you get the most out of your purchase. If you encounter issues, I offer comprehensive support to resolve them.

What happens after I purchase a template?

Once you complete your Framer purchase, you'll immediately receive a remix link with the template. You'll find your template in your workspace after you're purchased it on Webflow. If you need further assistance, support is just an email away.

What kind of support is included?

We offer email support for all templates. Whether you're facing setup issues or have customization questions, I'll work with you to resolve them promptly.

Are all the templates responsive?

Yes. All templates are fully responsive and optimized for desktop, tablet, and mobile.

Can I resell or redistribute the templates?

No. You cannot resell or redistribute them as templates. They are free for personal and client use only.

Water Fill Preloader | Omakase Design Components

BROWSE TemplateS

Key Features

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

Perfect For

Portfolio sites
Agency websites
SaaS and product launches
Course creators and landing pages
Premium brand sites
Any site that needs a polished loading experience

What You Get (After Purchase)

Water Fill Logo Preloader Component URL
Coupon for 25% off on yearly Pro plan
Lifetime Email Support

Quick Setup

Drag the component onto your Framer canvas
Upload your logo (SVG or image)
Pick your fill color + background color
Adjust speed if needed
Publish ✅

Customization Options

✓ Logo upload (SVG or image)✓ Fill color✓ Background color✓ Animation speed✓ Fade-out timing✓ Scaling for different screen sizes

How It Works

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

Pro Tips

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

Refund Policy

Due to the nature of digital products, we do not offer refunds once a purchase is made.

component by

Omakase Design

Water Fill 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.