Loading video...

Video Failed to Load

Go Home

Image loader effect New version includes: loading, reveal and regenerate animations, 3 types, playground, dark & light mode

Jakubantalik's profile picture

Jakub Antalik

21,567 subscribers

14,237 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

9 Comments

Yuri's profile picture
Yuri3 months ago

I have to start some project, just to use this loader kekw

Jakub Antalik's profile picture
Jakub Antalik3 months ago

heh thanks!

Mona's profile picture
Mona3 months ago

wow 😭😭 love this so much

Jakub Antalik's profile picture
Jakub Antalik3 months ago

🙏🙏

Adam 🌿 Unroot.design's profile picture
Adam 🌿 Unroot.design3 months ago

the reveal animation is the kind of detail that makes a whole gallery feel alive, really nice work

Jakub Antalik's profile picture
Jakub Antalik3 months ago

Thanks Adam! :)

Anurag Bhagsain's profile picture
Anurag Bhagsain3 months ago

The page goes dark for me and nothing shows up

Nika Siradze's profile picture
Nika Siradze3 months ago

man, you are building beautiful stuff

Alireza Najafi's profile picture
Alireza Najafi3 months ago

Really nice

Related Videos

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx
0:26

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

Jakub Antalik

18,339 views • 4 months ago

Created a new variant of the Border beam UI effect: Pulse. Inner and outside types, multiple color variants, dark and light mode npm install border-beam
0:20

Created a new variant of the Border beam UI effect: Pulse. Inner and outside types, multiple color variants, dark and light mode npm install border-beam

Jakub Antalik

40,766 views • 4 months ago

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza
0:27

Thinking orbs library is now available for SwiftUI and React Native, all for free 9 types, playground, dark & light mode, zero dep Collab with alex brinza

Jakub Antalik

186,979 views • 1 month ago

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx
0:20

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx

Jakub Antalik

16,859 views • 5 months ago

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:
0:29

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 views • 8 months ago

new landing page design is here for BoardUI Design System , both in dark and light mode! 🌒
0:47

new landing page design is here for BoardUI Design System , both in dark and light mode! 🌒

Mertcan

26,341 views • 1 month ago

Upgraded version with more accurate specific-part downloading, dark and light mode, download tab in menu to manage downloads and transcript available to copy
0:27

Upgraded version with more accurate specific-part downloading, dark and light mode, download tab in menu to manage downloads and transcript available to copy

యువ :)

31,214 views • 7 months ago

Revamped my personal GitHub profile readme! 🎉 I’ve made a fully responsive website inside an SVG, loaded as an image, using HTML, inside markdown, inside a readme​.md. Not only is it interactive and supports light/dark mode, but it also includes a fallback for Firefox😂#github
0:31

Revamped my personal GitHub profile readme! 🎉 I’ve made a fully responsive website inside an SVG, loaded as an image, using HTML, inside markdown, inside a readme​.md. Not only is it interactive and supports light/dark mode, but it also includes a fallback for Firefox😂#github

Terkel

395,569 views • 2 years ago

🔥Blades of Fire Version 2.0 is OUT NOW and it’s time to #ForgeYourLegend on Steam! Enjoy 25% off: Includes all-new content such as titanium mode, NG+, photo mode, anvil trials, new achievements & more! Available as a free update across all platforms.
1:23

🔥Blades of Fire Version 2.0 is OUT NOW and it’s time to #ForgeYourLegend on Steam! Enjoy 25% off: Includes all-new content such as titanium mode, NG+, photo mode, anvil trials, new achievements & more! Available as a free update across all platforms.

Blades of Fire

13,056 views • 5 months ago

We did a new version for the Date Reveal Teaser of "Monster Prom 4: Monster Con". This one includes maid outfits; the pancake song; and a JoJo reference.
0:30

We did a new version for the Date Reveal Teaser of "Monster Prom 4: Monster Con". This one includes maid outfits; the pancake song; and a JoJo reference.

Monster Con is OUT NOW!

22,635 views • 1 year ago

Weapon Inspection and kill effect for level 1&2&3 for FSS Hurricane mythic version. #CODMobile #callofdutymobile #codm #codmnews #codmleaks
0:32

Weapon Inspection and kill effect for level 1&2&3 for FSS Hurricane mythic version. #CODMobile #callofdutymobile #codm #codmnews #codmleaks

Leakers On Duty

61,182 views • 3 months ago

007 First Light - Extended Operations free DLC available as part of update 1.3.0 -New Game+ -Photo Mode -brand-new "00" difficulty -refined weapon handling animations -more TacSim content -over 700 fixes and improvements
2:02

007 First Light - Extended Operations free DLC available as part of update 1.3.0 -New Game+ -Photo Mode -brand-new "00" difficulty -refined weapon handling animations -more TacSim content -over 700 fixes and improvements

Wario64

151,654 views • 11 days ago

Easily add a color mode switch with a couple prompts. 🎨 Utilizing Gemini 3 Flash in Antigravity: It replaced hex strings, removed inline styles, implemented CSS custom properties, and added persistent dark/light mode to the website.
0:54

Easily add a color mode switch with a couple prompts. 🎨 Utilizing Gemini 3 Flash in Antigravity: It replaced hex strings, removed inline styles, implemented CSS custom properties, and added persistent dark/light mode to the website.

Google Antigravity

54,796 views • 8 months ago

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below
0:44

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

32,006 views • 6 months ago

Your words become worlds. In real time. A new Realtime mode just dropped on wan video — type a description and watch the image reshape itself with every sentence. No generate button, no loading screen. Just you and the canvas, thinking together.
0:40

Your words become worlds. In real time. A new Realtime mode just dropped on wan video — type a description and watch the image reshape itself with every sentence. No generate button, no loading screen. Just you and the canvas, thinking together.

Wan

5,083,416 views • 2 months ago

1/ Introducing Playground with Mixed Image Editing. A new way to combine real and synthetic images to create stunning works of art & photorealistic images bound only by your imagination. Try now:
1:23

1/ Introducing Playground with Mixed Image Editing. A new way to combine real and synthetic images to create stunning works of art & photorealistic images bound only by your imagination. Try now:

Suhail

599,554 views • 3 years ago

HAMULET on #AMIGA500 (previously RemGame by remz, 2023) New demo of the Amiga game that runs in HAM mode (4096 colors on screen) at 50 FPS. A wonderful dungeon crawler with puzzle elements & light source mechanics to reveal new areas. #AmigaRetweets #gamedev #pixelart #chiptune
2:19

HAMULET on #AMIGA500 (previously RemGame by remz, 2023) New demo of the Amiga game that runs in HAM mode (4096 colors on screen) at 50 FPS. A wonderful dungeon crawler with puzzle elements & light source mechanics to reveal new areas. #AmigaRetweets #gamedev #pixelart #chiptune

Dante retro dev 💾

10,616 views • 3 years ago

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →
1:32

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,805 views • 8 months ago

How we made the Venom Dark Mode Uniform Reveal ⚫️🕸️ Shoutout to Corey H. for getting the animations to the finish line. Shoutout to Luke Poorman - LProductions, TREY MORTEN, John Gargiulo, and william crowder for helping out with the shoot! And shoutout to jakobethomas for modeling!
1:10

How we made the Venom Dark Mode Uniform Reveal ⚫️🕸️ Shoutout to Corey H. for getting the animations to the finish line. Shoutout to Luke Poorman - LProductions, TREY MORTEN, John Gargiulo, and william crowder for helping out with the shoot! And shoutout to jakobethomas for modeling!

Noah Halford

371,941 views • 1 year ago