Loading video...

Video Failed to Load

Go Home

Need a loading animation? Don't build one from scratch. → by shawn. 55+ free and open-source loaders. Customize: • size • shape • animation • hover effects • bloom and much more.. Then copy the code and ship it.

kail_designs's profile picture

Kailash

11,967 subscribers

68,494 views • 2 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Epic’s version control system: Lore! Built from scratch and open-sourced, we made scalability and performance core tenets from day one. We’re releasing Lore as open source today.All source code, along with documentation of data formats and protocols are released under an MIT license and free to use. Help shape it into something even more powerful, together:
0:52

Introducing Epic’s version control system: Lore! Built from scratch and open-sourced, we made scalability and performance core tenets from day one. We’re releasing Lore as open source today.All source code, along with documentation of data formats and protocols are released under an MIT license and free to use. Help shape it into something even more powerful, together:

Unreal Engine

228,535 views • 2 months ago

I just shipped 38 AI loaders! muload is out: a simple home grid, then open Customize to dial in colors, timing, and style with a live preview. Built to make loaders match a brand without fuss. Copy. Paste. Ship. Link 👇
0:25

I just shipped 38 AI loaders! muload is out: a simple home grid, then open Customize to dial in colors, timing, and style with a live preview. Built to make loaders match a brand without fuss. Copy. Paste. Ship. Link 👇

Murat Alpay

41,552 views • 3 months ago

This is Ditto. It clones any website in less than 5 minutes. Clean code w/ components, tokens, interactions, hover effects. Free & open source. REST API and MCP server included.
0:36

This is Ditto. It clones any website in less than 5 minutes. Clean code w/ components, tokens, interactions, hover effects. Free & open source. REST API and MCP server included.

Samraaj Bath ⚡️

149,532 views • 1 month ago

Metal shaders for SwiftUI just got easier. On pick an effect → customize the colors and animation with sliders → copy metal code→ drop it into Xcode.
0:29

Metal shaders for SwiftUI just got easier. On pick an effect → customize the colors and animation with sliders → copy metal code→ drop it into Xcode.

sucodee

14,442 views • 3 months ago

Coding tools that don't suck: Zed It's a code editor that's BLAZINGLY FAST - It's NOT a VSCode fork - They rebuilt everything from scratch in Rust - The AI features are COMPLETELY OPTIONAL - It's available on Mac, Linux, and Windows - Free and open source
1:01

Coding tools that don't suck: Zed It's a code editor that's BLAZINGLY FAST - It's NOT a VSCode fork - They rebuilt everything from scratch in Rust - The AI features are COMPLETELY OPTIONAL - It's available on Mac, Linux, and Windows - Free and open source

The Coding Sloth

30,112 views • 2 months ago

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.
0:24

NVIDIA just dropped free API keys for every top AI model You don't need your own GPU and you don't pay per token. GLM-5.2, MiniMax, Kimi, DeepSeek, OpenAI, all running on NVIDIA's servers, called through a normal API. Link: How to use one: 1. Create a free NVIDIA account. 2. Pick a Free Endpoint model and open its Build tab. You'll see ready-to-copy code with the base URL 3. Hit Generate API Key, copy it and paste that base URL and key into Claude Code, Cursor, or Cline. Bonus: NVIDIA also dropped 237 official skills that install into Claude Code and Codex in one command. Bookmark this.

Yarchi

62,979 views • 1 month ago

Today I vibecoded a Mac app that allows you to try most SwiftUI animation curves and compare them against each other. Tweak values, see their differences and try out some actual real world examples, with full code you can copy into your own apps. 100% Free and open source at
1:28

Today I vibecoded a Mac app that allows you to try most SwiftUI animation curves and compare them against each other. Tweak values, see their differences and try out some actual real world examples, with full code you can copy into your own apps. 100% Free and open source at

Jose

50,951 views • 8 months ago

Walt Disney learned a lot from Snow White 1937. He didn't like the human characters seeming more rotoscope than animation and it had too many gags. He learned even more making Fantasia, which was a flop, but revolutionized animation and effects. And Bela Lugosi was the model!
4:17

Walt Disney learned a lot from Snow White 1937. He didn't like the human characters seeming more rotoscope than animation and it had too many gags. He learned even more making Fantasia, which was a flop, but revolutionized animation and effects. And Bela Lugosi was the model!

Hollywood Horror Museum

437,129 views • 7 months ago

Antigravity can do more than ship code and you don’t even have to leave your editor. In this demo, the agent reads a blog post, extracts the core narrative, and builds a Google Slides deck from scratch, handling the research and initial build for you.
0:50

Antigravity can do more than ship code and you don’t even have to leave your editor. In this demo, the agent reads a blog post, extracts the core narrative, and builds a Google Slides deck from scratch, handling the research and initial build for you.

Google Antigravity

361,541 views • 7 months ago

I've started meditating again after a while. 🧘🏼 So, naturally, I wanted to copy the Headspace app's loading animation. I spent way too much time rebuilding it using #SwiftUI. I tried improving it (original in comment), let me know Headspace if you need access to the code.😇
0:30

I've started meditating again after a while. 🧘🏼 So, naturally, I wanted to copy the Headspace app's loading animation. I spent way too much time rebuilding it using #SwiftUI. I tried improving it (original in comment), let me know Headspace if you need access to the code.😇

Stefan

93,359 views • 1 year ago

Releasing kyutai pocket TTS inference in webgpu today — it’s open-source, here’s a demo from my phone It took a while and a bunch of code to implement streaming inference from scratch!
0:29

Releasing kyutai pocket TTS inference in webgpu today — it’s open-source, here’s a demo from my phone It took a while and a bunch of code to implement streaming inference from scratch!

Eric Zhang

22,085 views • 6 months ago

What could be better than a brand new animation sample? Two brand new animation samples! Created by Agora Studio, the A-COM Animatic Sample and A-COM Animation Sample showcase how to storyboard and animate a short in Unreal Engine from scratch. Check them out today:
0:41

What could be better than a brand new animation sample? Two brand new animation samples! Created by Agora Studio, the A-COM Animatic Sample and A-COM Animation Sample showcase how to storyboard and animate a short in Unreal Engine from scratch. Check them out today:

Unreal Engine

29,988 views • 9 months ago

need to solve some stuff relating to girl mode, and add a few shapekeys and then unity animation stuff but the basic function and shape are done. oh ya, also need to add breathing blendshapes.
0:26

need to solve some stuff relating to girl mode, and add a few shapekeys and then unity animation stuff but the basic function and shape are done. oh ya, also need to add breathing blendshapes.

RitualNeon

27,291 views • 8 months ago

Launching Animation Studio A full animation graph editor for ThreeJS games You can directly use Codex chat inside the app to build the graph for you Features: - Graph editor - Blendtrees - State Machines - Subgraphs - Parameters - Root Motion - Bone Masks - Additive Animations Free and Open Source (MIT), enjoy
1:12

Launching Animation Studio A full animation graph editor for ThreeJS games You can directly use Codex chat inside the app to build the graph for you Features: - Graph editor - Blendtrees - State Machines - Subgraphs - Parameters - Root Motion - Bone Masks - Additive Animations Free and Open Source (MIT), enjoy

robot 2.0

42,593 views • 4 months ago

Lately I've been doing less animation in my free time and more other stuff. Most recently I've started recreating the rig from Peak by AGGRO CRAB 💥CRASHOUT CREW OUT NOW and Landfall . I can now completely customize the character, and I plan to rig it this week to animate :)
0:28

Lately I've been doing less animation in my free time and more other stuff. Most recently I've started recreating the rig from Peak by AGGRO CRAB 💥CRASHOUT CREW OUT NOW and Landfall . I can now completely customize the character, and I plan to rig it this week to animate :)

Brendan Casey

48,590 views • 1 year ago

Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."
0:32

Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

Meng To

200,148 views • 8 months ago

Commissioned by the lovely Sheaira Wildfire *Commission open* PS. Please note that it’s NOT CANON and OOC. It was made for fun as a commission. I don't own the characters, only the animation. #Helluvaboss #blitzo #animation #commission
0:38

Commissioned by the lovely Sheaira Wildfire *Commission open* PS. Please note that it’s NOT CANON and OOC. It was made for fun as a commission. I don't own the characters, only the animation. #Helluvaboss #blitzo #animation #commission

Stulili

105,320 views • 7 months ago

Announcing CodeArena! Two LLMs build the same app, vote on which one did best, and see a live leaderboard of the best open source coding LLMs! 100% free & open source. Powered by Together AI & available today:
0:36

Announcing CodeArena! Two LLMs build the same app, vote on which one did best, and see a live leaderboard of the best open source coding LLMs! 100% free & open source. Powered by Together AI & available today:

Hassan

22,378 views • 1 year ago