Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Border beam effect somehow reached 180k+ installs New version is out: dynamic colors, 5 types, playground, dark & light mode, zero dependencies

Jakub Antalik

12,132 subscribers

221,184 views • 14 days ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related 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 views • 1 month ago

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

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

16,330 views • 1 month ago

[ SCHEDULE TEMPLATE ] The Discord-inspired Stream Schedule for VTubers & Streamers is out! - Fully customizable Figma Template. - Light & Dark Mode. - Available in 7 colors! - 5 Avatar Borders/Themes: Cat, Angel, Devil, Stars & Hearts. Mix/match them! 🔗 Get it below!

Nyxiabel 🎀 Designer

66,176 views • 11 months ago

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 views • 4 months ago

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 views • 2 months ago

🔥Blades of Fire Version 2.0 is OUT NOW and it’s time to #ForgeYourLegend on Steam! Enjoy 25% off: Includes all-new content such as titanium mode, NG+, photo mode, anvil trials, new achievements & more! Available as a free update across all platforms.

🔥Blades of Fire Version 2.0 is OUT NOW and it’s time to #ForgeYourLegend on Steam! Enjoy 25% off: Includes all-new content such as titanium mode, NG+, photo mode, anvil trials, new achievements & more! Available as a free update across all platforms.

Blades of Fire

11,904 views • 2 months ago

New single out, “Came & Got,” from the next album, Later Than You Think, pre-order now!, a “visualizer” is up on YouTube (it goes from light to dark, NOT a metaphor!)

New single out, “Came & Got,” from the next album, Later Than You Think, pre-order now!, a “visualizer” is up on YouTube (it goes from light to dark, NOT a metaphor!)

John Maus

24,495 views • 11 months ago

Today we’re announcing version 2.0 of Alex, featuring our new Agent mode, Voice mode, and Project Memories! This is a huge improvement to working with Alex, and it’s now the best way to make native iOS & MacOS apps. Check out the demo:

Today we’re announcing version 2.0 of Alex, featuring our new Agent mode, Voice mode, and Project Memories! This is a huge improvement to working with Alex, and it’s now the best way to make native iOS & MacOS apps. Check out the demo:

daniel

66,471 views • 1 year ago

After trending for 2000 years straight, across every civilization and geographical border Nicholas J. Fuentes says the "fad" of antisemitism and jew hate is on its way out All we needs some new & intereresting things to say, in dynamic (not static) way Because truth is such a drag

After trending for 2000 years straight, across every civilization and geographical border Nicholas J. Fuentes says the "fad" of antisemitism and jew hate is on its way out All we needs some new & intereresting things to say, in dynamic (not static) way Because truth is such a drag

1984

23,555 views • 2 months ago

Time to re-think the mockup game. Rehex 3D mockup pack is out now! - 5 animated, easy-to-edit scenes (After Effects) - 16 static shots (Figma) - One-click color edit, dark/light themes - Toggle the notch Mobile & other devices coming later this month. Download link below ↓

Time to re-think the mockup game. Rehex 3D mockup pack is out now! - 5 animated, easy-to-edit scenes (After Effects) - 16 static shots (Figma) - One-click color edit, dark/light themes - Toggle the notch Mobile & other devices coming later this month. Download link below ↓

RΞNN

32,239 views • 1 year ago

New VIRTUA FIGHTER · Full-scale series revival by Ryu Ga Gotoku Studio (SEGA), built on Unreal Engine 5 · Two rule sets: Standard (classic health/ring out) and Uprising (momentum-shifting mechanics) · Break & Rush: target specific body regions, repeated strikes inflict permanent round-to-round debuffs · Stunner & Stun Combo: trigger an ember effect on vulnerable areas for heavy stuns and free combos · Flow Guard: new dynamic defensive tool for seamless offense-defense transitions · First dedicated single-player story mode in series history · Confirmed characters: Akira Yuki, Wolf Hawkfield, newcomer Stella; new protagonist teased · Leaked pre-alpha footage shows Unreal Engine 5 lighting and a crossroad battle mode · Platforms and release date TBA

New VIRTUA FIGHTER · Full-scale series revival by Ryu Ga Gotoku Studio (SEGA), built on Unreal Engine 5 · Two rule sets: Standard (classic health/ring out) and Uprising (momentum-shifting mechanics) · Break & Rush: target specific body regions, repeated strikes inflict permanent round-to-round debuffs · Stunner & Stun Combo: trigger an ember effect on vulnerable areas for heavy stuns and free combos · Flow Guard: new dynamic defensive tool for seamless offense-defense transitions · First dedicated single-player story mode in series history · Confirmed characters: Akira Yuki, Wolf Hawkfield, newcomer Stella; new protagonist teased · Leaked pre-alpha footage shows Unreal Engine 5 lighting and a crossroad battle mode · Platforms and release date TBA

Kai

995,956 views • 1 month ago

Dark mode prevents myopia (nearsightedness). Dr. Alexander Wunsch, German physician studying the effects of light on health for 30+ years: "Whenever the opportunity arises to read text white on black, we should do so." Here's the mechanism: Your retina has two cell systems — ON cells and OFF cells. Black letters on white background activate the OFF cell system. Chronic activation of the OFF cell system promotes the development of myopia. Dark mode — white text on black background — activates the ON cell system instead. This is the preventive mechanism. There is also a significant difference in total light load: > Standard display (white background, black text): 95% of screen light is emitted to display the page. Only 5% is the actual text. > Dark mode (black background, white text): only 5% of total light is needed to convey the same information. Less light from the screen. The correct cell system is activated. Lower myopia risk. The first computer screens were dark mode by default — black background, green or amber text. That was optimal. The shift to white backgrounds was aesthetic, not biological. University of Tübingen, 2018 — researchers developed a mathematical model analyzing image content for myopia risk potential. Their finding? Natural outdoor scenes have a neutral effect on the eye. Conventional text on white background promotes myopia development. Dark mode presentation does not. They then tested this in subjects. Black letters on white background produced measurable changes in the eye that promote myopia. In Europe, half of all students are already nearsighted. Myopia is the most common visual impairment among young people. The more a child reads — the higher the risk. The mechanisms are not yet fully understood in all details. But the consequences are clear. Wunsch: "Dark mode is recommended wherever it does not impair the workflow during screen work." "In the evening and at night, this should be the mandatory setting in order to keep the disruption of the internal clock and the possible damage to the retina as low as possible." Wunsch's advice to parents: "If children discover the joy of reading and develop into bookworms, it is certainly a good investment to provide them with an e-book reader that enables text display on a dark background." The original screen setting was black background. We changed it for aesthetics. The biology didn't change with it.

Dark mode prevents myopia (nearsightedness). Dr. Alexander Wunsch, German physician studying the effects of light on health for 30+ years: "Whenever the opportunity arises to read text white on black, we should do so." Here's the mechanism: Your retina has two cell systems — ON cells and OFF cells. Black letters on white background activate the OFF cell system. Chronic activation of the OFF cell system promotes the development of myopia. Dark mode — white text on black background — activates the ON cell system instead. This is the preventive mechanism. There is also a significant difference in total light load: > Standard display (white background, black text): 95% of screen light is emitted to display the page. Only 5% is the actual text. > Dark mode (black background, white text): only 5% of total light is needed to convey the same information. Less light from the screen. The correct cell system is activated. Lower myopia risk. The first computer screens were dark mode by default — black background, green or amber text. That was optimal. The shift to white backgrounds was aesthetic, not biological. University of Tübingen, 2018 — researchers developed a mathematical model analyzing image content for myopia risk potential. Their finding? Natural outdoor scenes have a neutral effect on the eye. Conventional text on white background promotes myopia development. Dark mode presentation does not. They then tested this in subjects. Black letters on white background produced measurable changes in the eye that promote myopia. In Europe, half of all students are already nearsighted. Myopia is the most common visual impairment among young people. The more a child reads — the higher the risk. The mechanisms are not yet fully understood in all details. But the consequences are clear. Wunsch: "Dark mode is recommended wherever it does not impair the workflow during screen work." "In the evening and at night, this should be the mandatory setting in order to keep the disruption of the internal clock and the possible damage to the retina as low as possible." Wunsch's advice to parents: "If children discover the joy of reading and develop into bookworms, it is certainly a good investment to provide them with an e-book reader that enables text display on a dark background." The original screen setting was black background. We changed it for aesthetics. The biology didn't change with it.

no.mind

56,281 views • 2 months ago

UK carbon capture & storage, or CCUS, could: 👷‍♀️ support 50k new jobs in 2030 📈 add up to £5 billion to the economy by 2050 🌎 help us meet Net Zero targets But what is it? And what do elephants & CCUS have to do with each other? 🐘🇬🇧 Watch to find out⬇️

UK carbon capture & storage, or CCUS, could: 👷‍♀️ support 50k new jobs in 2030 📈 add up to £5 billion to the economy by 2050 🌎 help us meet Net Zero targets But what is it? And what do elephants & CCUS have to do with each other? 🐘🇬🇧 Watch to find out⬇️

Department for Energy Security and Net Zero

28,338 views • 3 years ago

🚨 NEW: Border Patrol Chief Bovino absolutely TORCHED SEVERAL Democrat Governors, including Illinois’s JB Pritzker “Pritzker doesn’t have it figured out. I don’t think he could figure his way out of an OPEN FIELD.” Bovino also blasted NC Gov. Stein’s attempts to STIFLE Border Patrol action in North Carolina, resulting in an illegal conducting a STABBING ATTACK on the Charlotte light rail just days ago. Tons of support for Governor Jeff Landry of Louisiana from Bovino though, as the assistance from Louisiana State Police have resulted in ZERO assauIts and ZERO ramming attacks against Border Patrol agents during this operation. THAT is how it’s done! 👏 “Maybe Pritzker oughta come down here [to Louisiana] and take a look at how you conduct an operation without VlOLENCE,” Chief Bovino said

🚨 NEW: Border Patrol Chief Bovino absolutely TORCHED SEVERAL Democrat Governors, including Illinois’s JB Pritzker “Pritzker doesn’t have it figured out. I don’t think he could figure his way out of an OPEN FIELD.” Bovino also blasted NC Gov. Stein’s attempts to STIFLE Border Patrol action in North Carolina, resulting in an illegal conducting a STABBING ATTACK on the Charlotte light rail just days ago. Tons of support for Governor Jeff Landry of Louisiana from Bovino though, as the assistance from Louisiana State Police have resulted in ZERO assauIts and ZERO ramming attacks against Border Patrol agents during this operation. THAT is how it’s done! 👏 “Maybe Pritzker oughta come down here [to Louisiana] and take a look at how you conduct an operation without VlOLENCE,” Chief Bovino said

Nick Sortor

116,862 views • 7 months ago

🧵1/The new SoDEX trading experience is live. You spoke, we built. The new SoDEX is no longer just our vision—it’s a reflection of YOUR feedback. Over the past 3 months, every bug report and UI suggestion you sent has been baked into this upgrade. What’s evolved? ✅ Instant Gratification: Zero-lag order execution & position updates. ✅ Ultra-Light: Optimized front-end that won't cook your RAM. ✅ Visual Harmony: Reimagined Light/Dark modes for marathon sessions. ✅ Absolute Clarity: Integrated CLOBSCAN for 100% on-chain transparency. This isn't a final version; it's a living protocol. Try the new Spot & Perps flow, and let’s keep breaking things together. 🎁 Bug Hunter Program is LIVE: Found a glitch? Get rewarded for your sharp eyes. More details below 👇🧵

🧵1/The new SoDEX trading experience is live. You spoke, we built. The new SoDEX is no longer just our vision—it’s a reflection of YOUR feedback. Over the past 3 months, every bug report and UI suggestion you sent has been baked into this upgrade. What’s evolved? ✅ Instant Gratification: Zero-lag order execution & position updates. ✅ Ultra-Light: Optimized front-end that won't cook your RAM. ✅ Visual Harmony: Reimagined Light/Dark modes for marathon sessions. ✅ Absolute Clarity: Integrated CLOBSCAN for 100% on-chain transparency. This isn't a final version; it's a living protocol. Try the new Spot & Perps flow, and let’s keep breaking things together. 🎁 Bug Hunter Program is LIVE: Found a glitch? Get rewarded for your sharp eyes. More details below 👇🧵

SoDEX

28,736 views • 2 months ago

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 views • 1 year ago

Got flash banged by OpenCode recently? Yeah, that was me. Here's what happened: OpenCode/OpenTUI detects terminal theme mode (light or dark) by querying OSC 10/11 for the terminal’s foreground/background colors and deriving the mode from those values. OpenTUI also enables DEC Private Mode 2031 to receive theme-change notifications. When that mode is enabled, terminals can send CSI 997 when the system theme changes. OpenTUI treated the 997 payload as authoritative and let it override the OSC 10/11-derived result. That turned out to be wrong. In some terminals, the 997 payload is simply unreliable: it can report light while the queried terminal colors clearly indicate a dark theme. That’s what caused the flash bangs. The fix seemed straightforward: stop trusting the 997 payload as the actual theme mode and use it only as a trigger to re-query OSC 10/11, then derive the mode from the returned foreground/background colors. That works great. Except OpenTUI had also started using OSC 11 to set the terminal’s default background color, so the terminal gutter around the drawn TUI matched the app background instead of the terminal’s own default background. This was introduced recently in OpenTUI. That created a new problem: if you use OSC 11 to override the terminal background, then later query OSC 11, you are just reading back your own override instead of the terminal’s real theme background. No problem. Reset the terminal background with OSC 111, query OSC 10/11, derive the mode, then restore the renderer background again. Oh wait. Turns out Ghostty has a bug. Once this background reset/override path is used, later OSC 11 background reporting can get stuck and stop tracking system theme changes correctly. Even though theme-change notifications still fire and OSC 10 foreground updates continue. This would cause further issues where the OSC 10/11 derivation would be wrong again. So for now: no using OSC 11 to set the terminal background color just to fill the gutter. TL;DR: OpenTUI must treat CSI 997 only as a hint that the terminal theme may have changed and rely exclusively on OSC 10/11 color queries for actual theme mode detection, while avoiding terminal background mutation via OSC 11/111 because that breaks correctness in some terminals like Ghostty.

Got flash banged by OpenCode recently? Yeah, that was me. Here's what happened: OpenCode/OpenTUI detects terminal theme mode (light or dark) by querying OSC 10/11 for the terminal’s foreground/background colors and deriving the mode from those values. OpenTUI also enables DEC Private Mode 2031 to receive theme-change notifications. When that mode is enabled, terminals can send CSI 997 when the system theme changes. OpenTUI treated the 997 payload as authoritative and let it override the OSC 10/11-derived result. That turned out to be wrong. In some terminals, the 997 payload is simply unreliable: it can report light while the queried terminal colors clearly indicate a dark theme. That’s what caused the flash bangs. The fix seemed straightforward: stop trusting the 997 payload as the actual theme mode and use it only as a trigger to re-query OSC 10/11, then derive the mode from the returned foreground/background colors. That works great. Except OpenTUI had also started using OSC 11 to set the terminal’s default background color, so the terminal gutter around the drawn TUI matched the app background instead of the terminal’s own default background. This was introduced recently in OpenTUI. That created a new problem: if you use OSC 11 to override the terminal background, then later query OSC 11, you are just reading back your own override instead of the terminal’s real theme background. No problem. Reset the terminal background with OSC 111, query OSC 10/11, derive the mode, then restore the renderer background again. Oh wait. Turns out Ghostty has a bug. Once this background reset/override path is used, later OSC 11 background reporting can get stuck and stop tracking system theme changes correctly. Even though theme-change notifications still fire and OSC 10 foreground updates continue. This would cause further issues where the OSC 10/11 derivation would be wrong again. So for now: no using OSC 11 to set the terminal background color just to fill the gutter. TL;DR: OpenTUI must treat CSI 997 only as a hint that the terminal theme may have changed and rely exclusively on OSC 10/11 color queries for actual theme mode detection, while avoiding terminal background mutation via OSC 11/111 because that breaks correctness in some terminals like Ghostty.

kmdr

29,509 views • 2 months ago

Why was Aave redesign so successful and well-received by their audience? First, they made bold changes. Comparing their before and after, the major difference is the new branding and how they approached it on their website. Aave 's communication used to focus a lot on their mascot, which is helpful to give the community a face. Now, they go beyond. Their communication focuses on the company's name, with assets, iconography and typography that match it. This way, they gain a lot more credibility. It looks more powerful. Another major difference is changing from dark mode to light mode (a tendency in web3 I really like, btw). They use light mode to make it look simple, elegant, but still really dynamic. Which leads me to the next topic: GREAT ANIMATIONS EVERYWHERE. Every section or interaction is followed by beautiful animations. 10/10. Last, but not least, accessible communication. It's easy to understand what they do, and it's catchy. Like in the section "DeFi, unlocked”. Simply amazing. To summarize they did a flawless redesign and the way it was applied on the site reflects that. Great job!! Congratulations Aave

Why was Aave redesign so successful and well-received by their audience? First, they made bold changes. Comparing their before and after, the major difference is the new branding and how they approached it on their website. Aave 's communication used to focus a lot on their mascot, which is helpful to give the community a face. Now, they go beyond. Their communication focuses on the company's name, with assets, iconography and typography that match it. This way, they gain a lot more credibility. It looks more powerful. Another major difference is changing from dark mode to light mode (a tendency in web3 I really like, btw). They use light mode to make it look simple, elegant, but still really dynamic. Which leads me to the next topic: GREAT ANIMATIONS EVERYWHERE. Every section or interaction is followed by beautiful animations. 10/10. Last, but not least, accessible communication. It's easy to understand what they do, and it's catchy. Like in the section "DeFi, unlocked”. Simply amazing. To summarize they did a flawless redesign and the way it was applied on the site reflects that. Great job!! Congratulations Aave

Ceci

101,167 views • 1 year ago

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!

Helium

89,825 views • 1 month ago