Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 2 месяцев назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 2 месяцев назад

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 просмотров • 3 месяцев назад

Open-source and free apps for coders - Open-source motion effects with AI prompts - Collect feature requests for your projects for free - Visually rich web experiments, UI effects, animation demos. - Open-source image compression and conversion in the browser. - Open-source email testing tool for local development.
0:36

Open-source and free apps for coders - Open-source motion effects with AI prompts - Collect feature requests for your projects for free - Visually rich web experiments, UI effects, animation demos. - Open-source image compression and conversion in the browser. - Open-source email testing tool for local development.

Csaba Kissi

14,243 просмотров • 22 дней назад

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,562 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 8 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 9 месяцев назад

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 просмотров • 9 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад