正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Jakub Antalik

21,628 subscribers

230,851 次观看 • 3 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

45 条评论

Guillermo Rauch 的头像

Guillermo Rauch3 个月前

generational cook

Jakub Antalik 的头像

Jakub Antalik3 个月前

Thanks! means a lot coming from you 🙏

Marco Fortes 的头像

Marco Fortes3 个月前

Bro wtf!!! 🤤

Jakub Antalik 的头像

Jakub Antalik3 个月前

Niceee!

Sankalp Sinha (Left $15K+ MRR job to indiehack) 的头像

Sankalp Sinha (Left $15K+ MRR job to indiehack)3 个月前

I am adding a few effects on app. Need white mode support!!

Jakub Antalik 的头像

Jakub Antalik3 个月前

Nice let me know if worked :) Light mode is included in the library already

Emery Wells 的头像

Emery Wells3 个月前

Adding to a project right now 🙏

Jakub Antalik 的头像

Jakub Antalik3 个月前

Awesome to hear, hope it worked :) Feel free to share it once it’s live

FlutterFlow 的头像

FlutterFlow3 个月前

design >>>>

Godwin Janarthan 的头像

Godwin Janarthan3 个月前

Honestly, you're creating some amazing stuffs Transition Dev, Refine Skill, Border Beams, the Image Generator, and Liquid Metal. I've used and using and tested all of them, and they're truly amazing. Thanks for sharing your work! 🤝 Another creator who inspires me also has a name that starts with "Jay," so I always get confused. but not this time. 😄 Thanks again!

Jakub Antalik 的头像

Jakub Antalik3 个月前

Thanks Godwin🙏 really appreciate, glad you like it! 🙂Feel free to share any feedback

Godwin Janarthan 的头像

Godwin Janarthan3 个月前

Thanks, Jakub! 🙏🏻 sure will do. Happy to support great work🙂.

Gustavo 的头像

Gustavo3 个月前

amazing job

Jakub Antalik 的头像

Jakub Antalik3 个月前

thanks Gustavo!

ty 的头像

ty3 个月前

it's a great library

Isaiah 的头像

Isaiah3 个月前

i never thought about taking my designs and making them open source on github but this has DEFINITELY piqued my interest

Enes Aktaş 的头像

Enes Aktaş3 个月前

Great work! I am using at

Jakub Antalik 的头像

Jakub Antalik3 个月前

Awesome to se it there!

Vic Zhang 的头像

Vic Zhang3 个月前

太棒了，我需要这个！！！

AI Mastery Guide 的头像

AI Mastery Guide3 个月前

Zero dependencies and 180k installs for a UI effect is a nice sign it's genuinely easy to drop in.

diogo martins ➔ salte 的头像

diogo martins ➔ salte3 个月前

Nice

Jakub Antalik 的头像

Jakub Antalik3 个月前

🙏

you 的头像

you3 个月前

漂亮

Fabrizio Rinaldi 的头像

Fabrizio Rinaldi3 个月前

wow

Naman 的头像

Naman3 个月前

Beautiful

xcPenny 的头像

xcPenny3 个月前

That's cool.👏

Luca 的头像

Luca3 个月前

Love how smooth and subtle the effect is.

Xuan Zhang 的头像

Xuan Zhang3 个月前

这个确实很漂亮

HASSCO© 的头像

HASSCO©3 个月前

Im one of the 180k+

Shiyam Kashfiq 的头像

Shiyam Kashfiq3 个月前

Impressive reach. Zero dependencies and dark mode make it an easy drop‑in for many projects

吧啦（格林版）的头像

吧啦（格林版）3 个月前

wow so beautiful!

Sourany Phomhome 的头像

Sourany Phomhome3 个月前

Great work 🙌🏼. These are the kinds of micro-interactions users notice without realizing why the UI feels so good.

Cherif Tabouche 的头像

Cherif Tabouche3 个月前

I had to give it a try

Mohak Bajaj 的头像

Mohak Bajaj3 个月前

love it.

Thijs 的头像

Thijs3 个月前

Oh wow this looks amazing!

Masudur Rahman 的头像

Masudur Rahman3 个月前

Beautiful work

Taufiq Rahman 的头像

Taufiq Rahman3 个月前

Awesome, thanks Jakub!

(｀∀´)Ψ 的头像

(｀∀´)Ψ3 个月前

really nice, i’ll experiment with this for our upcoming web revamp!

Jakub Antalik 的头像

Jakub Antalik3 个月前

Thanks let me know you have any feedback when implementing it :)

Rohit Kashyap 的头像

Rohit Kashyap3 个月前

zero dependencies is why it hit 180k installs, people trust a small ui effect far more when it does not drag a tree of packages along

Kevan MacGee 的头像

Kevan MacGee3 个月前

I was just looking for something like this as inspiration today. Looks like I’ll be using some of these instead of building my own. Thanks so much!

wesley⚡️ 的头像

wesley⚡️3 个月前

my guy just continuing to ship open source taste. you should raise $18.5M to turn your twitter into a model

Aut 的头像

Aut3 个月前

Hold on…any framework?

Gonçalo Medeiros 的头像

Gonçalo Medeiros3 个月前

I'd love to use it in swift

Victoria Marafetti 的头像

Victoria Marafetti3 个月前

🔥🔥🔥🔥

相关视频

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

40,766 次观看 • 4 个月前

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

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

187,846 次观看 • 2 个月前

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

18,339 次观看 • 5 个月前

[ 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 次观看 • 1 年前

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,692 次观看 • 7 个月前

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

16,859 次观看 • 5 个月前

🔥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

13,056 次观看 • 5 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

More to do, more to earn, easier on the eyes. Version 2.2.4 is LIVE in the Google Play Store. Roam’s new quests, badges, and dark mode make the app more rewarding, more engaging and a lot more fun! Check out our biggest update yet in the comments below.

More to do, more to earn, easier on the eyes. Version 2.2.4 is LIVE in the Google Play Store. Roam’s new quests, badges, and dark mode make the app more rewarding, more engaging and a lot more fun! Check out our biggest update yet in the comments below.

Roam Network 🌐

11,990 次观看 • 3 个月前

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 次观看 • 5 个月前

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 次观看 • 1 年前

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

997,904 次观看 • 4 个月前

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,394 次观看 • 5 个月前

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 次观看 • 3 年前

🚨 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 次观看 • 10 个月前

🧵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

29,137 次观看 • 5 个月前

🎉 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 次观看 • 2 年前

#GoProMISSION1 PRO Deep Dive—Part 2 of 6 🎥 A new, cutting-edge 1-inch sensor means incredible dynamic range, even in the darkest environments. Low-light performance like you've never seen from a GoPro, with up to 14 stops of dynamic range at the sensor. Think rich shadow detail, crispy highlights, + true-to-life color with minimal noise and no AI artifacts. The new 1-inch sensor gathers 77% more light per pixel than the competition at 8K, holding detail where other cameras give up. For the darkest scenes, Low Light Mode switches the camera to 4K for Quad Bayer capture, combining 4 pixels into 1 to quadruple each pixel's light-gathering area. Add HLG HDR with dual gain readout—capturing multiple exposures simultaneously to eliminate the ghosting you'd normally get from sequential bracketed HDR—and the result is clean, cinematic footage from high noon to pitch black. Then we take it one step further with 3 built-in Night Effects Modes: Star Trails, Vehicle Light Trails, + Light Painting to change the way you see the world after dark. All of this, in a camera over 85% smaller by volume and over 75% less expensive than the next camera in the 8K60 class. Shop MISSION 1 PRO at or at your local retailer 🛒 #GoPro #Cinematic #Videography

#GoProMISSION1 PRO Deep Dive—Part 2 of 6 🎥 A new, cutting-edge 1-inch sensor means incredible dynamic range, even in the darkest environments. Low-light performance like you've never seen from a GoPro, with up to 14 stops of dynamic range at the sensor. Think rich shadow detail, crispy highlights, + true-to-life color with minimal noise and no AI artifacts. The new 1-inch sensor gathers 77% more light per pixel than the competition at 8K, holding detail where other cameras give up. For the darkest scenes, Low Light Mode switches the camera to 4K for Quad Bayer capture, combining 4 pixels into 1 to quadruple each pixel's light-gathering area. Add HLG HDR with dual gain readout—capturing multiple exposures simultaneously to eliminate the ghosting you'd normally get from sequential bracketed HDR—and the result is clean, cinematic footage from high noon to pitch black. Then we take it one step further with 3 built-in Night Effects Modes: Star Trails, Vehicle Light Trails, + Light Painting to change the way you see the world after dark. All of this, in a camera over 85% smaller by volume and over 75% less expensive than the next camera in the 8K60 class. Shop MISSION 1 PRO at or at your local retailer 🛒 #GoPro #Cinematic #Videography

GoPro

11,317 次观看 • 3 个月前