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

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

На главную

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

Jakubantalik's profile picture

Jakub Antalik

20,789 subscribers

18,339 просмотров • 4 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Maine
Maine4 месяцев назад

Looks so cool but crashes my browsers, tried multiple on my windows PC 🥲 not sure why

Фото профиля Jakub Antalik
Jakub Antalik4 месяцев назад

Thanks! Should be fixed now

Фото профиля JC Builds
JC Builds4 месяцев назад

Super cool, need to try something like this in my package:

Фото профиля Quentin Truffy
Quentin Truffy4 месяцев назад

That’s really good, I love that!

Фото профиля Fabian Albert
Fabian Albert4 месяцев назад

oh I AM IN LOVE with that icon

Фото профиля diip3sh
diip3sh4 месяцев назад

love the components libraries you have recently been shipping. ❤️

Фото профиля Jakub Antalik
Jakub Antalik4 месяцев назад

Thanks! :)

Фото профиля Anthony
Anthony4 месяцев назад

Hell yea! That's real nice.

Фото профиля Simon Rico
Simon Rico4 месяцев назад

👏Great work buddy

Фото профиля Jakub Antalik
Jakub Antalik4 месяцев назад

🙏🙏

Фото профиля SVG Icons
SVG Icons4 месяцев назад

Very smooth. For icon and SVG asset tools, these kinds of animated states can make generation, preview, and export flows feel much more polished.

Фото профиля Shahab Mohi
Shahab Mohi4 месяцев назад

Does it come in a version that doesn't freeze the Chrome tab for 20 minutes?!

Фото профиля prateek
prateek4 месяцев назад

It crashed my browser so hard I had to clear the cache

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

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

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

Jakub Antalik

14,171 просмотров • 2 месяцев назад

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

More types added to the Thinking Orbs library. Large and small sizes, light & dark mode, playground, zero dep npm install thinking-orbs Huge shoutout to alex brinza who also worked on this
0:22

More types added to the Thinking Orbs library. Large and small sizes, light & dark mode, playground, zero dep npm install thinking-orbs Huge shoutout to alex brinza who also worked on this

Jakub Antalik

660,230 просмотров • 1 месяц назад

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

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle
0:23

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle

Chánh Đại

11,928 просмотров • 5 месяцев назад

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney
6:52

Here's how I used Unicorn Studio and Framer to build out an image reveal component, inspired by the new Lando Norris site created by OFF+BRAND. (amazing work). Just a different take and experimenting with the tools. Img: Midjourney

Yianni

78,395 просмотров • 11 месяцев назад

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

185,055 просмотров • 1 месяц назад

Data is easier to understand when it's visual. Today, we've dropped a new chart component. - JSON support - light/dark mode - dynamically rendered Everything you need to know 👇
2:47

Data is easier to understand when it's visual. Today, we've dropped a new chart component. - JSON support - light/dark mode - dynamically rendered Everything you need to know 👇

Resend

94,476 просмотров • 5 месяцев назад

Running AI image generation for thousands of users at once has 3 problems: cost, speed, and crashing servers. So we built a different way with and AkashML. One that brings image gen cost down to just 1 cent/image. Watch and read the full breakdown ⏬ Akash Network
1:34

Running AI image generation for thousands of users at once has 3 problems: cost, speed, and crashing servers. So we built a different way with and AkashML. One that brings image gen cost down to just 1 cent/image. Watch and read the full breakdown ⏬ Akash Network

RazerAI

66,045 просмотров • 4 месяцев назад

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.
0:23

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

shadcn

92,478 просмотров • 6 месяцев назад

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,740 просмотров • 8 месяцев назад

navcat, meet world. world, meet navcat. navcat is a new javascript pathfinding library for games and simulations, and it's fully open source ❤️ it does navmesh generation, pathfinding, crowd simulation, navmesh constrained movement, raycasting, more... and it's out on npm now
0:28

navcat, meet world. world, meet navcat. navcat is a new javascript pathfinding library for games and simulations, and it's fully open source ❤️ it does navmesh generation, pathfinding, crowd simulation, navmesh constrained movement, raycasting, more... and it's out on npm now

isaacmason

15,934 просмотров • 11 месяцев назад

7/ After Sun Down, Minimize Evening Light Blue light suppresses melatonin secretion and can disrupt your circadian rhythm. Other types of light can also impact melatonin to varying degrees. + Install dimmer switches and use low, warm lighting + Wear blue light-blocking glasses 2-3 hours before bed + Enable night mode on all devices or install blue light filters + Red light is best (red bulb + lamp ftw) And remember to limit screen time *at least* an hour before bed and blackout your bedroom. Use this time for your 30-60 min wind down routine.
0:37

7/ After Sun Down, Minimize Evening Light Blue light suppresses melatonin secretion and can disrupt your circadian rhythm. Other types of light can also impact melatonin to varying degrees. + Install dimmer switches and use low, warm lighting + Wear blue light-blocking glasses 2-3 hours before bed + Enable night mode on all devices or install blue light filters + Red light is best (red bulb + lamp ftw) And remember to limit screen time *at least* an hour before bed and blackout your bedroom. Use this time for your 30-60 min wind down routine.

Bryan Johnson

152,404 просмотров • 2 лет назад

1/4 🚀We are launching Qwen-Image-2.0, a next-generation foundational image generation model. The key highlights of Qwen-Image-2.0 include: Professional Typography Rendering: Supports 1k-token instructions for direct generation of professional infographics, including PPTs, posters, comics, and more. Stronger Semantic Adherence: Native 2K resolution support for finely detailed realistic scenes, including people, nature, and architecture. Improved Text Rendering: Integrated understanding and generation capabilities, unifying image generation and editing in a single mode Lighter Model Architecture: Smaller model size with faster inference speed.
2:07

1/4 🚀We are launching Qwen-Image-2.0, a next-generation foundational image generation model. The key highlights of Qwen-Image-2.0 include: Professional Typography Rendering: Supports 1k-token instructions for direct generation of professional infographics, including PPTs, posters, comics, and more. Stronger Semantic Adherence: Native 2K resolution support for finely detailed realistic scenes, including people, nature, and architecture. Improved Text Rendering: Integrated understanding and generation capabilities, unifying image generation and editing in a single mode Lighter Model Architecture: Smaller model size with faster inference speed.

Tongyi Lab

164,097 просмотров • 7 месяцев назад

[Demo v2.2 Reveal Trailer] I’ve put this one together with a different feel and tempo, updated music, and some new content. Thank you for your continued support.
1:14

[Demo v2.2 Reveal Trailer] I’ve put this one together with a different feel and tempo, updated music, and some new content. Thank you for your continued support.

Liminal City: Axiom of Maria

18,818 просмотров • 8 месяцев назад

Your Visual Studio Code just got a fresh look! 🎨 The new default themes, VS Code Light and VS Code Dark, bring a modern, refined design while keeping the familiar usability you love. ⭐ Bonus: these themes automatically match your OS light/dark mode.
0:21

Your Visual Studio Code just got a fresh look! 🎨 The new default themes, VS Code Light and VS Code Dark, bring a modern, refined design while keeping the familiar usability you love. ⭐ Bonus: these themes automatically match your OS light/dark mode.

Visual Studio Code

191,327 просмотров • 5 месяцев назад

Fresh meat! We've created a new Evil-WinRM branch with integrated multiple AI LLM support. New docker image, new gem (gem install evil-winrm-ai) and new possibilities Check it out and let us know what you think Happy hacking #evilwinrm #hacking #llm #ai
1:15

Fresh meat! We've created a new Evil-WinRM branch with integrated multiple AI LLM support. New docker image, new gem (gem install evil-winrm-ai) and new possibilities Check it out and let us know what you think Happy hacking #evilwinrm #hacking #llm #ai

Luis Vacas de Santos

12,510 просмотров • 1 год назад

AERO 1.7 is now live on the Unity asset store: adding support for light cookies [texture masks], which can be animated and coloured, from any light + a new rolling fog dynamic/animated texture example is included. 🔗 It's free, download it here:
0:40

AERO 1.7 is now live on the Unity asset store: adding support for light cookies [texture masks], which can be animated and coloured, from any light + a new rolling fog dynamic/animated texture example is included. 🔗 It's free, download it here:

Mirza Beig

25,017 просмотров • 3 месяцев назад

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

I vibe coded a game called Aether Breach for my son today. Built the whole thing in about 2 hours using Cursor, Grok 4.5, and GPT Image 2.0. He gave it a try and really liked it. I just need to make Easy mode a bit more relaxed so he can make it to the later stages. The full game has DualSense support too. I published my WebHID DualSense npm package a few days ago, so adding controller support to new games is pretty straightforward now. Really happy with how it turned out.
1:23

I vibe coded a game called Aether Breach for my son today. Built the whole thing in about 2 hours using Cursor, Grok 4.5, and GPT Image 2.0. He gave it a try and really liked it. I just need to make Easy mode a bit more relaxed so he can make it to the later stages. The full game has DualSense support too. I published my WebHID DualSense npm package a few days ago, so adding controller support to new games is pretty straightforward now. Really happy with how it turned out.

AshutoshShrivastava

116,280 просмотров • 2 месяцев назад