Teddy Ni (@Teddarific) / X

Teddy Ni

1,320 posts

Teddy Ni

@Teddarific

co-founder @magicpatterns — we're hiring! Building and researching the future of frontend tooling

Joined February 2010

Pinned
Teddy Ni
@Teddarific
Nov 27, 2023
I think I need to go lie down… We taught an AI some Figma designs of a documentation site. It can now generate similar sites using my own custom components on ANY topic I want, ALL within Figma I can also click on any frame and request updates 🤯
00:00
276K
Teddy Ni
@Teddarific
Aug 24, 2025
this was on my SF bucket list since I moved here. 10/10 would recommend.
225K
Teddy Ni
@Teddarific
Feb 2, 2024
Wow, this site is an ABSOLUTE GOLDMINE for design engineers. It's a huge collection of micro-interactions / animations, all with their respective source code for you to copy and paste. Love to see such an amazing display of my favorite package, framer-motion
00:00
248K
Teddy Ni
@Teddarific
Jun 24, 2024
Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below
00:00
226K
Teddy Ni
@Teddarific
Mar 20, 2024
wtf this is a website?
00:00
115K
Teddy Ni
@Teddarific
Nov 29, 2023
Vision is live on @magicpatterns! using @calcom's amazing booking page as an example, 1. Screenshot the UI i want to model after 2. import to Magic Patterns, and make any adjustments 3. Export to Figma & customize further in Figma been testing this workflow for the past few
00:00
72K
Teddy Ni
@Teddarific
Jun 30, 2023
you know when you use 100vh and on mobile, the browser adds some extra stuff to the top and bottom that messes all your stuff up? TIL about dvh & dvw (aka dynamic viewport) that automatically factors in browser expandable states
19K
Teddy Ni
@Teddarific
Feb 2, 2024
Replying to @Teddarific
Check out Aceternity UI: ui.aceternity.com
15K
Teddy Ni
@Teddarific
Nov 21, 2022
Replying to @abouelatta_ali
Thanks for sharing, A/B results are always so interesting! Does Duolingo have it's own internal experimentation platform, or do you guys use a third-party service?
Teddy Ni
@Teddarific
Mar 20, 2025
how to make sites like this w/ Magic Patterns & 21st dot dev
00:00
28K
Teddy Ni
@Teddarific
Jun 11, 2024
Vibes were sooooo good. Need something like this in SF. 📍Figma NYC
8.8K
Teddy Ni
@Teddarific
Dec 23, 2023
wow, this is definitely one of the coolest websites ive ever seen. not particularly practical, but a brilliant concept and showcase for WebGL. link below ⬇️
00:00
8.7K
Teddy Ni
@Teddarific
Jun 23, 2024
ran by @rauchg earlier today. So cool in SF you can just casually bump into people who create the tools you use on a daily basis
9.3K
Teddy Ni
@Teddarific
Dec 2, 2024
We didn’t have a free tier for months. But it’s Mega Launch Week. Today, our infinite canvas for generating UI/UX design patterns is now free to try. I created this Help Center inspired by Robinhood’s aesthetic in <30mins — and now you can too in @magicpatterns, for free!
00:00
15K