You will get Apple VisionOS Liquid Glass UI for Websites
Top Rated
Project details
Want your website to look like the future of Apple’s interfaces?
I will create a fully custom VisionOS-style “liquid glass” effect for your website – the same feeling of soft, translucent glass with refraction, subtle dispersion, chromatic aberration and smooth rounded edges that you see in Apple’s latest design language (“Liquid Glass” in iOS 26 / VisionOS).
This is not just a static blur. I design and code a living UI element – a hero card or section that reacts to the background video/image, light and motion, while staying fast, responsive and production-ready.
You can use it for:
Hero section on your landing page
Sign-up or lead capture form
Pricing / feature highlight block
Modal, widget or floating panel
Starting price: from $600.
I will create a fully custom VisionOS-style “liquid glass” effect for your website – the same feeling of soft, translucent glass with refraction, subtle dispersion, chromatic aberration and smooth rounded edges that you see in Apple’s latest design language (“Liquid Glass” in iOS 26 / VisionOS).
This is not just a static blur. I design and code a living UI element – a hero card or section that reacts to the background video/image, light and motion, while staying fast, responsive and production-ready.
You can use it for:
Hero section on your landing page
Sign-up or lead capture form
Pricing / feature highlight block
Modal, widget or floating panel
Starting price: from $600.
Main Type
Game, Landing Pages, Mobile Apps, Web Apps, Website, OtherFile Format
OtherWhat's included
| Service Tiers |
Starter
$600
|
Standard
$900
|
Advanced
$1,200
|
|---|---|---|---|
| Delivery Time | 3 days | 5 days | 7 days |
Number of Revisions | 2 | 3 | 6 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | |||
Responsive Design | |||
Interactive Mockup | - | - | - |
Frequently asked questions
195 reviews
(185)
(7)
(2)
(0)
(1)
This project doesn't have any reviews.
AF
Angelo F.
Jun 22, 2026
Website Animator for opening homepage animation
SO
Shellie O.
Feb 2, 2026
VFX Artist
OA
Ozzie A.
Jan 31, 2026
CGI / VFX - Artist
BR
Barak R.
Dec 19, 2025
Video production for a new platform
Excellent experience, I recommend him 100%!
IK
Ihor K.
Nov 21, 2025
Animation Designer for AI Learning App Teacher Character
About Sergey
AI Video & Motion Design | Explainer Videos | Lottie, SVG, GSAP
100%
Job Success
Dnipro, Ukraine - 9:20 am local time
WHAT I DELIVER
► Explainer & Product Videos - script, storyboard, voiceover, animation, sound design. Full production for SaaS, fintech, healthcare, e-commerce, and startups.
► AI Video Production - AI-generated video ads, product promos, UGC-style content, and talking avatars. I run my own generation pipeline (image-to-video models, ElevenLabs voiceover, custom automation), which means faster iterations and no per-second markup you would pay a studio.
► Web Animation (Lottie / SVG / GSAP) - lightweight, interactive animations for websites and apps: hero animations, logo preloaders, micro-interactions, animated icons, scroll-triggered effects. Delivered as clean JSON/SVG/JS ready for your dev team, or I integrate them myself.
► Motion Graphics & Video Ads - HTML5 banners, social media ads, YouTube and CTV spots, logo animations, kinetic typography.
► 3D Animation - product visualization, CGI promos, and 3D mockups in Cinema 4D + Octane.
WHY CLIENTS COME BACK (124 active contracts right now)
- One person, full stack: concept, design, animation, code, and AI tooling. No handoffs, no telephone game.
- Web-native mindset: my animations are optimized for performance (file size, FPS, Core Web Vitals), not just pretty in a render.
- AI where it saves you money, human craft where it matters. You approve a storyboard before I animate a single frame.
- Fast communication (response within 0-4 hours) and predictable fixed-price packages.
TOOLS
After Effects, Cinema 4D, Octane, Illustrator, Figma, Lottie, GSAP, HTML/CSS/JS, ElevenLabs, Midjourney/Flux, image-to-video AI models, custom Python automation.
Hire Sergey Designer, Top Rated Plus animator on Upwork. Send me a message with your idea or a reference, and I will reply with a clear scope, timeline, and a fixed quote within a few hours.
Steps for completing your project
After purchasing the project, send requirements so Sergey can start the project.
Delivery time starts when Sergey receives requirements from you.
Sergey works on your project following the steps below.
Revisions may occur after the delivery date.
Step 1 – Discovery & references
We review your current site, brand, and goals for the effect (hero form, CTA block, widget, etc.). You share references you like (Apple VisionOS, iOS 26, Dribbble shots, etc.).
Step 2 – Concept & visual design
I design the glass card/section in Figma (or similar) in your brand style: colors, typography, spacing, glow, depth, and background (image or video).