Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

emilwidlund's profile picture

emil

13,562 subscribers

42,836 görüntüleme • 4 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

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵
0:10

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵

Hayden Bleasel

21,110 görüntüleme • 1 yıl önce

announcing: Omnara, your native mission control for AI agents, in your pocket. you get: - Launch & monitor any agent (Claude Code, n8n, etc.) - Real-time logs & full activity feed - Interactive Q&A right from your phone The best part? No waitlist. 🚀 🔗
0:12

announcing: Omnara, your native mission control for AI agents, in your pocket. you get: - Launch & monitor any agent (Claude Code, n8n, etc.) - Real-time logs & full activity feed - Interactive Q&A right from your phone The best part? No waitlist. 🚀 🔗

Ishaan Sehgal

25,559 görüntüleme • 1 yıl önce

🏁 GIVEAWAY ALERT! 🏁 Win a signed SVG Hero Card just in time for the Chicago Street Race! 🏎️💨 To enter: 1️⃣ Follow WeatherTech 2️⃣ Repost & tag who you’re watching the Chicago Race with Winnings are non-transferable; winners will be chosen at random & contacted via DM
0:10

🏁 GIVEAWAY ALERT! 🏁 Win a signed SVG Hero Card just in time for the Chicago Street Race! 🏎️💨 To enter: 1️⃣ Follow WeatherTech 2️⃣ Repost & tag who you’re watching the Chicago Race with Winnings are non-transferable; winners will be chosen at random & contacted via DM

WeatherTech

16,008 görüntüleme • 2 yıl önce

Create beautiful moving gradients ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.
0:15

Create beautiful moving gradients ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.

Nick Babich

103,999 görüntüleme • 2 yıl önce

Before Kubernetes, engineers could get paged to manually scale infra at any time, even Christmas. In 2014 Google open sourced K8s, which now power a huge percent of the world's cloud infra. I wrote a blog about it, with fully interactive visualizations.
0:10

Before Kubernetes, engineers could get paged to manually scale infra at any time, even Christmas. In 2014 Google open sourced K8s, which now power a huge percent of the world's cloud infra. I wrote a blog about it, with fully interactive visualizations.

Kyle Jeong

300,851 görüntüleme • 8 ay önce

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴
0:15

alrighty! marquee along path component is live on fancy! w/ a bunch of customizations: - scroll based velocity - draggable - slowdown on hover - custom easing - mapping any CSS prop from start to end - docs on how it's built! source code & link in comments↴

daniel petho

16,796 görüntüleme • 1 yıl önce

Also a fact: The Jews use the media & so on which they control to brainwash the women and then exploit the female psychology in a way which benefits their Total Global White Genocide agenda.
0:17

Also a fact: The Jews use the media & so on which they control to brainwash the women and then exploit the female psychology in a way which benefits their Total Global White Genocide agenda.

Asuka

42,228 görüntüleme • 6 ay önce

the AI video race has entered a new phase with Kling 3.0 & Motion Control 3.0 launch fully roll-out. Built for commercial use, it delivers native 1080p cinematic quality for ads, branding, and professional film production. See for the difference 👇
0:10

the AI video race has entered a new phase with Kling 3.0 & Motion Control 3.0 launch fully roll-out. Built for commercial use, it delivers native 1080p cinematic quality for ads, branding, and professional film production. See for the difference 👇

Rony

16,717 görüntüleme • 6 ay önce

If Florida is not a 1 seed in the NCAA Tournament, there are some Gator haters on the selection committee. - Road win vs. No. 1 Auburn - Road win vs. No. 7 Alabama - 30-point win vs. No. 1 Tennessee - 19-point win vs. No. 12 Texas A&M
0:14

If Florida is not a 1 seed in the NCAA Tournament, there are some Gator haters on the selection committee. - Road win vs. No. 1 Auburn - Road win vs. No. 7 Alabama - 30-point win vs. No. 1 Tennessee - 19-point win vs. No. 12 Texas A&M

Zach Abolverdi

163,890 görüntüleme • 1 yıl önce

Luke Akehurst claims that the faction he is part of, that wrecked, lied & smeared in order to regain control of the party, then ruthlessly purged the left & hollowed out the membership, & which now oversees a party polling at under 20%, has the best interests of Labour at heart
0:16

Luke Akehurst claims that the faction he is part of, that wrecked, lied & smeared in order to regain control of the party, then ruthlessly purged the left & hollowed out the membership, & which now oversees a party polling at under 20%, has the best interests of Labour at heart

Saul Staniforth

115,783 görüntüleme • 7 ay önce

Bryce Underwood completed 8 of 17 passes vs Michigan State & got saved by a phantom offsides call In a play which was a 20 yard fumble lost in a 3 point game. This was against one of the worst MSU teams this century
0:14

Bryce Underwood completed 8 of 17 passes vs Michigan State & got saved by a phantom offsides call In a play which was a 20 yard fumble lost in a 3 point game. This was against one of the worst MSU teams this century

Intrinsic

137,106 görüntüleme • 3 ay önce

Govt minister Emma Hardy says we haven't built a new reservoir in the UK for 30 years because of out dated planning policy & a lack of investment. Any idea what England did with its water industry in 1989, Emma?
0:17

Govt minister Emma Hardy says we haven't built a new reservoir in the UK for 30 years because of out dated planning policy & a lack of investment. Any idea what England did with its water industry in 1989, Emma?

Saul Staniforth

59,892 görüntüleme • 1 yıl önce

If you’ve ever managed custom icons in React Native, you know the frustration of choosing between performance and developer experience. Libraries like 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘀𝘃𝗴 are flexible but heavy. Every icon creates its own React subtree. The alternative? Manual icon fonts that force you into a constant back-and-forth of using web tools like IcoMoon and syncing font assets every time a design changes. 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 𝗟𝗮𝗯𝘀 just released 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 to solve exactly this. It’s a build-time icon font generator that gives you the performance of native fonts with the flexibility of simple SVG files. 𝗪𝗵𝗮𝘁’𝘀 𝗵𝗮𝗽𝗽𝗲𝗻𝗶𝗻𝗴? Instead of rendering complex vector paths at runtime, this library automatically converts your folder of SVGs into an optimized icon font during the build process. It essentially teaches your app to treat icons like standard text characters, which allows it to bypass React’s component tree and layout engine entirely. ➡️ 𝗕𝘂𝗶𝗹𝗱-𝘁𝗶𝗺𝗲 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗼𝗻: It handles the entire pipeline—watching your icon folder, converting SVGs to .ttf files, and linking them to your native project automatically. ➡️ 𝗡𝗮𝘁𝗶𝘃𝗲 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Because icons render as native text glyphs, it is significantly faster than traditional SVG rendering, making it the ideal choice for long, scrollable lists or icon-heavy dashboards. ➡️ 𝗘𝘅𝗽𝗼 𝗖𝗼𝗻𝗳𝗶𝗴 𝗣𝗹𝘂𝗴𝗶𝗻: It features first-class support for Expo, automating the native plumbing like Info.plist updates and asset linking during the prebuild phase. ➡️ 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: The library generates TypeScript definitions for your icon set, providing full IDE autocomplete and ensuring you never break the UI with a misspelled icon name. 𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀? In high-performance applications, small overheads add up. By shifting the heavy lifting from the mobile device to your build machine, 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 ensures your UI stays buttery smooth while keeping your developer workflow modern. It’s another great example of how 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 continues to solve the "last mile" of performance friction in the ecosystem. Before you migrate your entire library, keep in mind: this is designed for the 𝗡𝗲𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 (Fabric) and requires React Native 0.74 or higher. #ReactNative #Expo #SoftwareMansion #Icons #MobileDev #Performance #DeveloperExperience #OpenSource #JavaScript #TypeScript #SVG #Fabric
0:15

If you’ve ever managed custom icons in React Native, you know the frustration of choosing between performance and developer experience. Libraries like 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘀𝘃𝗴 are flexible but heavy. Every icon creates its own React subtree. The alternative? Manual icon fonts that force you into a constant back-and-forth of using web tools like IcoMoon and syncing font assets every time a design changes. 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 𝗟𝗮𝗯𝘀 just released 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 to solve exactly this. It’s a build-time icon font generator that gives you the performance of native fonts with the flexibility of simple SVG files. 𝗪𝗵𝗮𝘁’𝘀 𝗵𝗮𝗽𝗽𝗲𝗻𝗶𝗻𝗴? Instead of rendering complex vector paths at runtime, this library automatically converts your folder of SVGs into an optimized icon font during the build process. It essentially teaches your app to treat icons like standard text characters, which allows it to bypass React’s component tree and layout engine entirely. ➡️ 𝗕𝘂𝗶𝗹𝗱-𝘁𝗶𝗺𝗲 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗼𝗻: It handles the entire pipeline—watching your icon folder, converting SVGs to .ttf files, and linking them to your native project automatically. ➡️ 𝗡𝗮𝘁𝗶𝘃𝗲 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Because icons render as native text glyphs, it is significantly faster than traditional SVG rendering, making it the ideal choice for long, scrollable lists or icon-heavy dashboards. ➡️ 𝗘𝘅𝗽𝗼 𝗖𝗼𝗻𝗳𝗶𝗴 𝗣𝗹𝘂𝗴𝗶𝗻: It features first-class support for Expo, automating the native plumbing like Info.plist updates and asset linking during the prebuild phase. ➡️ 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: The library generates TypeScript definitions for your icon set, providing full IDE autocomplete and ensuring you never break the UI with a misspelled icon name. 𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀? In high-performance applications, small overheads add up. By shifting the heavy lifting from the mobile device to your build machine, 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 ensures your UI stays buttery smooth while keeping your developer workflow modern. It’s another great example of how 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 continues to solve the "last mile" of performance friction in the ecosystem. Before you migrate your entire library, keep in mind: this is designed for the 𝗡𝗲𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 (Fabric) and requires React Native 0.74 or higher. #ReactNative #Expo #SoftwareMansion #Icons #MobileDev #Performance #DeveloperExperience #OpenSource #JavaScript #TypeScript #SVG #Fabric

The React Native Rewind

24,992 görüntüleme • 4 ay önce

Gemini Omni + GPT Images 2 + Claude Code is f*cking cracked i just built an AI animation ad generator that turns any product into a fully scripted AI 3D explainer video drop in your product photos and a one-line pitch. the system analyzes your brand, pitches you 4 proven ad concepts with hooks and shot lists, then renders the whole thing end-to-end. scripted, voiced, stitched, ready to post. if you're still paying editors $200+ per video or waiting days for revisions this replaces that entire workflow. here's how it works: > set up your brand kit with product photos and a one-line pitch > hit analyze and the AI pitches you 4 different proven ad concepts > pick one and hit generate the system then scripts every shot, renders each clip in parallel, adds voiceover, QC checks and stitches it into a finished vertical ad 3 minute setup and 4-12 min per ad. each 30 second ad costs under $3 in API credits which is cheaper than any editor and 10x faster. RT + reply "ANIMATION" and i'll send you the full app + setup guide (must follow so i can dm)
0:15

Gemini Omni + GPT Images 2 + Claude Code is f*cking cracked i just built an AI animation ad generator that turns any product into a fully scripted AI 3D explainer video drop in your product photos and a one-line pitch. the system analyzes your brand, pitches you 4 proven ad concepts with hooks and shot lists, then renders the whole thing end-to-end. scripted, voiced, stitched, ready to post. if you're still paying editors $200+ per video or waiting days for revisions this replaces that entire workflow. here's how it works: > set up your brand kit with product photos and a one-line pitch > hit analyze and the AI pitches you 4 different proven ad concepts > pick one and hit generate the system then scripts every shot, renders each clip in parallel, adds voiceover, QC checks and stitches it into a finished vertical ad 3 minute setup and 4-12 min per ad. each 30 second ad costs under $3 in API credits which is cheaper than any editor and 10x faster. RT + reply "ANIMATION" and i'll send you the full app + setup guide (must follow so i can dm)

Miko

170,436 görüntüleme • 2 ay önce

Claude Code + Gemini Omni + GPT Image 2 is f*cking cracked i just built an AUTOMATED AI UGC content system that generates full ad creatives end to end drop in your product photos and a one line pitch, and the system analyzes your brand, generates a realistic AI avatar, writes the script, renders the video, adds captions, and stitches everything together. in literally one click. if you're still wasting hours generating videos or hiring expensive editors with long turnaround times, this is for you.. here's how it works: > drop in your product photos and brand info > the system finds a reference image that matches your target audience it generates a detailed JSON prompt and creates a hyper realistic starting frame > feeds everything into Gemini Omni and renders the full video with voice outputs and captions, all ready to post and all through Kie AI MCP or Higgsfield MCP (you have full control) the whole process runs inside Claude Code. so you're not jumping between 6 different tabs trying to piece things together. one system handles everything its only a 3 minute setup and 4-12 min per ad. each 30 second ad costs under $3 in API credits which is way cheaper than any editor and 10x faster.. RT + reply "UGC" and i'll send it over (must follow so i can dm)
0:14

Claude Code + Gemini Omni + GPT Image 2 is f*cking cracked i just built an AUTOMATED AI UGC content system that generates full ad creatives end to end drop in your product photos and a one line pitch, and the system analyzes your brand, generates a realistic AI avatar, writes the script, renders the video, adds captions, and stitches everything together. in literally one click. if you're still wasting hours generating videos or hiring expensive editors with long turnaround times, this is for you.. here's how it works: > drop in your product photos and brand info > the system finds a reference image that matches your target audience it generates a detailed JSON prompt and creates a hyper realistic starting frame > feeds everything into Gemini Omni and renders the full video with voice outputs and captions, all ready to post and all through Kie AI MCP or Higgsfield MCP (you have full control) the whole process runs inside Claude Code. so you're not jumping between 6 different tabs trying to piece things together. one system handles everything its only a 3 minute setup and 4-12 min per ad. each 30 second ad costs under $3 in API credits which is way cheaper than any editor and 10x faster.. RT + reply "UGC" and i'll send it over (must follow so i can dm)

Miko

60,357 görüntüleme • 1 ay önce

When you buy a forever home you buy forever home things. Today’s its permanent lighting on the front & side of my house. Not cheap! I expect to “break even” in ~8 years. I’ll be able to use them year round and control the patterns & colors from an app. Any guesses how much? 😅
0:19

When you buy a forever home you buy forever home things. Today’s its permanent lighting on the front & side of my house. Not cheap! I expect to “break even” in ~8 years. I’ll be able to use them year round and control the patterns & colors from an app. Any guesses how much? 😅

Chris Koerner

1,468,373 görüntüleme • 9 ay önce