Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

11,014 subscribers

16,330 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

38,302 görüntüleme • 1 ay önce

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

15,417 görüntüleme • 2 ay önce

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 görüntüleme • 3 ay önce

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,049 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

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

65,849 görüntüleme • 2 ay önce

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 görüntüleme • 4 ay önce

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,367 görüntüleme • 6 ay önce

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,889 görüntüleme • 8 ay önce

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

151,964 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

[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,788 görüntüleme • 6 ay önce

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,145 görüntüleme • 3 ay önce

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,484 görüntüleme • 1 yıl önce

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

20,612 görüntüleme • 1 ay önce

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,693 görüntüleme • 5 ay önce

We’ve re-released "Leave A Light On" with a new purpose - to save lives and bring hope to those affected by suicide. It’s now and forever, Leave A Light On (Talk Away The Dark) in support of the American Foundation for Suicide Prevention “Talk Away The Dark” campaign. Together we can #talkawaythedark
0:30

We’ve re-released "Leave A Light On" with a new purpose - to save lives and bring hope to those affected by suicide. It’s now and forever, Leave A Light On (Talk Away The Dark) in support of the American Foundation for Suicide Prevention “Talk Away The Dark” campaign. Together we can #talkawaythedark

Papa Roach

31,076 görüntüleme • 2 yıl önce

Just dropped our most awaited Filters component with 10 advance examples: - shadcn compatible & 100% free - Type-safe from end to end - Define custom filed types - Library agnostic - DB operators support - i18n & RTL ready - Data Grid + TANSTACK Table integration - nuqs integration - Async mode examples - Standard inputs + custom renderers - Size(sm,md, lg) and style(solid, outline) variants - Base UI version coming soon ... Go ahead 👇to slice and dice your data like a pro 😎
4:34

Just dropped our most awaited Filters component with 10 advance examples: - shadcn compatible & 100% free - Type-safe from end to end - Define custom filed types - Library agnostic - DB operators support - i18n & RTL ready - Data Grid + TANSTACK Table integration - nuqs integration - Async mode examples - Standard inputs + custom renderers - Size(sm,md, lg) and style(solid, outline) variants - Base UI version coming soon ... Go ahead 👇to slice and dice your data like a pro 😎

ReUI

53,116 görüntüleme • 9 ay önce

Your Product Deserves Better! KernUI gives you a leg up in market while letting you scale, ensuring you don’t feel boxed in my the system. ✅ Light & Dark Mode support ✅ 1600+ carefully designed icons ✅ Expansive color library with tokens ✅ Production-ready components ✅ Auto layout, variants & smart constraints ✅ Typography & spacing scales And So much More!!!
0:47

Your Product Deserves Better! KernUI gives you a leg up in market while letting you scale, ensuring you don’t feel boxed in my the system. ✅ Light & Dark Mode support ✅ 1600+ carefully designed icons ✅ Expansive color library with tokens ✅ Production-ready components ✅ Auto layout, variants & smart constraints ✅ Typography & spacing scales And So much More!!!

Shater Tsavsar ⚡︎

17,954 görüntüleme • 11 ay önce

I built a cyberpunk RPG where the loadout is my AI stack. Step 1: Nano Banana Pro → stylised character render Step 2: GPT Image 2 → UI screens and game menus Step 3: Seedance 2.0 → animated clips Step 4: CapCut → edit and sequence
0:28

I built a cyberpunk RPG where the loadout is my AI stack. Step 1: Nano Banana Pro → stylised character render Step 2: GPT Image 2 → UI screens and game menus Step 3: Seedance 2.0 → animated clips Step 4: CapCut → edit and sequence

Heather Cooper

12,012 görüntüleme • 2 ay önce