Mirrorful (YC W23)

Fully customizable component library that comes with a no-code editor

[Teddy Ni @Teddarific]

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

[Teddy Ni @Teddarific]

SUPER EXCITED to feature components from Syntax UI by @justansub for day 8. these components are seriously some of the best i've seen in ANY ui kit.

You can now use these buttery smooth components as a starting point and customize with AI in @magicpatterns

⬇️ link below ⬇️

[Teddy Ni @Teddarific]

LLMs + Figma + Emailify = ✨ Generative Emails ✨

the best part is you can just export these as HTML (s/o to @hypermatic), which can be used with pretty much any email provider!

[Teddy Ni @Teddarific]

Design discoverability and searchability is TERRIBLE within Figma!

That’s why we’re introducing Librarian 📚

Librarian is a UI/UX search engine for designers. It automatically crawls and indexes your Figma files into queryable components and layouts.

It then magically pulls existing mock ups (including completely different files!) that might be relevant / could be re-purposed.

Below is an example of how we use Librarian internally at @magicpatterns

[Teddy Ni @Teddarific]

i got our custom GPT to "render" React code IN THE CHAT ITSELF

basically, ComponentGPT learned to design!

[Teddy Ni @Teddarific]

I was super skeptical of custom GPTs… until I created one last night.

I created ComponentGPT — a GPT that helps you design and implement React components using popular design systems.

Here’s what I learned, and why I’m now bullish on custom GPTs. 🧵

[Erfan @ErfanEbrahimnia]

If, like me, you're on the waiting list for v0 but can't wait, give Patterns AI a try

👉 https://t.co/77nfiQdJ7Q

[Teddy Ni @Teddarific]

Introducing... Patterns: Your new frontend assistant 🧙

Patterns generates frontend components from natural language so you can explore designs and prototype faster — all while using the design system of your choice.

Try it today at https://t.co/63KSkD87lm

More backstory in 🧵

[Frontend Planet 🪐 @frontendplanet]

🚀 Patterns

Searching for the perfect UI component just got easier. Explore diverse design systems with this search engine.

#Resources #frontend

by @mirrorful

👉 https://t.co/W611ZswzLf 👈

[Mirrorful (YC W23) @mirrorful]

@Teddarific 👋 Hey boss, ChatGPT wrote this script and it seems to work by pulling out class_='_9ba9a726'. Does it work for your use case?

https://t.co/DGS4LXq5YY

[Teddy Ni @Teddarific]

a sneak peak of our latest feature: Mirrorful Docs 👀

With Mirrorful Docs, you can generate a full docs site from your Figma files documenting all your components, styles, and soon, variables.

And all you need to do is copy and paste your Figma file URL.

Early access below 🧵

[Teddy Ni @Teddarific]

@mirrorful's latest feature, Themes, is live on Product Hunt: https://t.co/RBDtAGu6oj

We use this ourselves to power Mirrorful's new dark theme!

Up next, heading into components... 👀

[Mirrorful (YC W23) @mirrorful]

@tweetsbyjackiec @alexdanilo99 @tweetsbyjackiec Swag comes free with a purchase of our hobby plan: https://t.co/91IHUZahKj

[John Rush @johnrushx]

@ycombinator YC W23 batch(devtools + AI)
1) @atrilabs
2) usemeru . com
3) @Serialmfg
4) mogara . app
5) @rubbrbandHQ
6) @stackai
7) @blocksfabrik
8) @triggerdotdev
9) @mirrorful
10) @depotdevoid
11) @CodeComplete_AI
12) @NangoHQ
13) @RubberDuckyLabs
14) @PoplarML
👇

[alana goyal @alanaagoyal]

ship, ship, ship: shipping is the most effective way to learn alongside your customers

@mirrorful launched support for tailwind within days of my asking 😇

[Mirrorful (YC W23) @mirrorful]

📸 I look in the mirror and what do I see?
1,000 stars hanging over me.

[Mirrorful (YC W23) @mirrorful]

Our newest demo video is now live! 🍿https://t.co/GwGBKVMpmB

[Mirrorful (YC W23) @mirrorful]

The Mirrorful Team will be at the BerriAI hackathon at 10AM this Saturday in SF. Part of Berri's UI is powered by Mirrorful, so we are excited to attend and help others improve their frontend and design. See you there! https://t.co/vIGwvc29Dx

[Teddy Ni @Teddarific]

CSS is hard. That's why we wrote a blog post about when to use PX vs EM vs REM so you don't get sued.

https://t.co/u3RwEofwLS

[Mirrorful (YC W23) @mirrorful]

Big things are coming.