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 Polarshow more

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 👇🧵show more

interactive SVG exploration for QuiverAI

Lots of custom-written SVG here! Each block is just... a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.show more

toggle 🌛 brought to life with CSS && SVG

Love this 3D SVG renderer's aesthetic. Built by Dave... DeSandro & open-sourced: It's web-based and real-time.show more

SVG takes it three-wide for the lead! 💪

Tools You Need to Know About - (Day 80)... GRAB ANY SVG from a Website in a Clickshow more

I've built a tiny tool today! ✨ A free... collection of popular SVG company logos for designs & websites. Easily copy to your clipboard or download with 1-click. →show more

I finally decided to buy the interactive SVG animations... course, let’s see how it goesshow more

just shipped a curved scrollbar made with Expo react-native-svg... and reanimated works on mobile and web grab the code 👇show more

Here's the clip we just ran on Marty &... McGee, the one I showed to SVG College on Wednesday. What a stud. VFL Filmsshow more

Playing around with a loading (thinking) animation. All in SVG

this is a big day for Framer users. you... can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.show more

Wisprflow inspired text path animation component for Framer !... Make text flow along a custom SVG path with custom animation settings and appearance. Check it out 👇show more

didn't get a chance to share this last night,... but got a few new things working in the animation studio: - SVG animations (animated version replaces default during animation) - SVG movement/scaling (characters move along predefined route within a scene)show more

NN-SVG: Create neural network architecture drawings parametrically! Export them... to SVG files and use them in your work!show more

🚫 𝗔𝘃𝗼𝗶𝗱 Using a full context value in every... component can trigger unnecessary re-renders. ✅ 𝗜𝗻𝘀𝘁𝗲𝗮𝗱 Use 𝘤𝘰𝘯𝘵𝘦𝘹𝘵 𝘴𝘦𝘭𝘦𝘤𝘵𝘰𝘳𝘴 to pull only the data you need. This reduces re-renders and improves performance.show more

It's official; I'm making a course! It's called Interactive... SVG Animations — everything I know about SVGs distilled into four digestible modules. Launching later this year.show more

NN-SVG: Create neural network architecture drawings parametrically! Export them... to SVG files and use them in your work!show more