Mathieu Jouhet

Learn how to round polygon corners with svg + js on @observablehq I was curious to find out how to do this, so I did :) On the way you'll learn about vectors, drawing svg arcs and circles using cubic bézier, and some geometric thinking, enjoy! @daformat/rounding-polygon-corners" target="_blank" rel="nofollow noopener">observablehq.com/@daformat/roun…

@aryanranderiya Fixed it locally

@aryanranderiya Let me know when you will push a new build if this has fixed it, basically added Access-Control-Allow-Origin to allow fetching the pages externally

@aryanranderiya thanks for the mention on aryanranderiya.com/building-my-po… — really appreciate it 🙏 I notice the link to hello-mat is missing my favicon though :) here is the link: github.com/daformat/hello…

@aryanranderiya Ah! CORS, classic

@daformat here you go github.com/aryanranderiya… github.com/aryanranderiya…

@aryanranderiya Thanks mate, will have a look

@aryanranderiya Oh my; what component is it? Maybe I can debug what's wrong; I have og and favicon setup though

Hey Mathieu, the component auto fetches the metadata like title favicon and other information from the webpage itself! It seems like hover to reveal any information doesn't work either, meaning that I can't fetch any information at all, seems like an issue to look into on your end!

@aryanranderiya also what do you need to make the cool preview card too? An og image? dark: github.com/daformat/hello… light: github.com/daformat/hello…

Live demo: hello-mat.com/design-enginee…

I just combined NumberFlow with a Family wallet-style input and open-sourced it. Animated. Accessible. Free. Zero excuses not to use it. → react-number-flow-input 👇

@nullbytes00 Last time I chose an app because of its memory usage / footprint: never

Raycast v2 (native) VS SuperCmd (Electron) memory usage on macOS Tahoe 🤷‍♂️

Agentic Coding is a Trap larsfaye.com/articles/agent… via @badlogicgames

@blackjack_god That’s very true! 🙌

@daformat Open source packages win when novelty becomes reusable infrastructure. The edge is removing 20 hours of custom UI risk instead of rebuilding the same display every time.

Want a split flap display, just like the airports or train stations ones? Install this open source react package and you are good to go! github.com/daformat/react…

@FvckgH_ Why are you heartbroken?

@daformat x.com/fvckgh_/status…

Swipe like no one is watching! Introducing react-swipeable-cards, a headless swipeable cards carousel for react, with zero dependency. Discard or send to back, without any clipping (unlike most implementations)

@JA_AGYEKUM Believe it or not, this is mostly manual code, the Readme is AI generated though

@daformat AI REALLY THE BEST

@TheRabbitPy Thanks 🙏 Hope you'll have some fun with it! Drop a star on github if you like it, means the world to me!

@daformat Split flap react: This is such a vibe, taking that old school station board feeling and dropping it straight into modern UIs is genius.

@Kakarot_chain ✨ The no-clipping part was definitely the tricky part, let me know what you think when you try it, and drop a star on github if you enjoy!

@daformat zero deps and no clipping? ok now i'm interested

Live demo: hello-mat.com/design-enginee…

Live demo: hello-mat.com/design-enginee…

Unlike most implementations, this one fully create the spool, opening the door to interesting effects, such as the 3d rotation shown here. Available on npm, yarn, pnpm, bun, deno... name your favorite package manager!