Skip to content

Explore Products Sounds Affiliate

Loading video…

Overshot

Trying to take your product viral on TikTok? Overshot shows you the hooks, formats, and sounds that other products used to breakout.

Browse

Breakouts
All-time best
Products
Hooks
Sounds

By format

Talking head
App demo
Silent UGC
Text-heavy

By what it sells

SaaS
Mobile apps
Ecommerce
Courses & info

Overshot

Pricing
Affiliate program
Contact support
Terms
Privacy
Refunds

Overshot · not affiliated with TikTokTerms Privacy Refunds Contact support Ad choices

Sign in

Access your saved videos, products, and settings.

Continue with Google

or

EmailPasswordForgot your password?

No account?

Create free account

Menu

Explore Products Sounds Affiliate

Create free account Sign in

@codewithbhurtel — 6x breakout | Overshot

Locked — create a free account to open.Open on TikTokPro

5.6×App DemoOther hookEducation

Hook

Liquid Glass Navbar

@codewithbhurtel

65.5K followers · usually 30.5K views a post

Views

149.3K

Likes

9.3K

Comments

30

Shares

658

Promoted product

Liquid Glass Navbarhttps://codewithbhurtel.com ↗

Why it worked

The video likely performed well due to its visually appealing and modern "liquid glass" aesthetic, which is a popular design trend. The demonstration of the interactive element combined with the visible code provides value to developers interested in replicating the effect.

Summary

The video demonstrates a "Liquid Glass Navbar" effect created using CSS and JavaScript. It shows the interactive navbar with different states and the corresponding code used to achieve the animation.

Free accountLocked — create a free account to openLocked

Transcript, structure and on-screen text

4 beats and 1 lines of on-screen text — the parts you need to write your own version.

Create a free account to see the full breakdown

Original caption

Liquid Glass Animation Using CSS and JavaScript! #javascript #htmlcss #coding #webdevelopment #fyppppppppppppppppppppppp

More from @codewithbhurtel

More breakout videos from this creator.

Lizard Cursor Animation Using JavaScript! #javascript #webdevelopment #computers

@codewithbhurtel

Heart Animation Using JavaScript! #javascript #htmlcss #coding #webdevelopment #

CodeWithBhurtel

3.1Mviews·@codewithbhurtel

Heart Animation Using JavaScript! #javascript #htmlcss #programming #computersci

CodeWithBhurtel

483.5Kviews·@codewithbhurtel

Login form Animation Using JavaScript! #javascript #htmlcss #coding #programming

@codewithbhurtel

Periodic Table Animation Using JavaScript! #javascript #htmlcss #programmingtips

CodeWithBhurtel

297.1Kviews·@codewithbhurtel

Neural Synapse Simulation Using JavaScript! #javascript #htmlcss #programmingtip

CodeWithBhurtel

235.3Kviews·@codewithbhurtel

POV: You learned JavaScript and now you are buidling this <3 #javascript #htmlcs

CodeWithBhurtel

230.9Kviews·@codewithbhurtel

Life Form Animation Using JavaScript! #javascript #htmlcss #programming #compute

@codewithbhurtel

Moving Particle Using JavaScript! #htmlcss #javascript #coding #programming #ffy

@codewithbhurtel

Match Stick Animation Using JavaScript! #htmlcss #coding #webdevelopment #progra

Match Stick Animation

153.6Kviews·@codewithbhurtel

Birthday Animation Using CSS and JavaScript! #htmlcss #javascript #programming #

@codewithbhurtel

Order Button Animation Using JavaScript! #htmlcss #coding #webdevelopment #progr

@codewithbhurtel