Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

11,014 subscribers

16,330 Aufrufe • vor 1 Monat •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 8 Monaten

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 👇

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 2 Monaten

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.

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 Aufrufe • vor 3 Monaten

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) 👇

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 Aufrufe • vor 6 Monaten

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

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 Aufrufe • vor 8 Monaten

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.

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 Aufrufe • vor 1 Jahr

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.

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 Aufrufe • vor 5 Monaten

[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.

[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,508 Aufrufe • vor 5 Monaten

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.

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 Aufrufe • vor 3 Monaten

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

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 Aufrufe • vor 1 Jahr

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:

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 Aufrufe • vor 1 Monat

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.

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 2 Jahren

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 😎

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 Aufrufe • vor 9 Monaten

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!!!

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 Aufrufe • vor 11 Monaten

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

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 Aufrufe • vor 2 Monaten