Magic Patterns
p/patterns-4
Prototype your product ideas with AI.
Teddy Ni
Patterns — Find the perfect component
Featured
43
Patterns aggregates components in one searchable site. It helps designers and engineers discover popular UI/UX practices to implement in their own products.
Replies
Teddy Ni
👋 Hey Product Hunt! I found myself spending way too much time browsing the web to find the right component or get design inspiration for my products. There are so many great components out there, but visibility and discoverability is a huge blocker. For example, did you know that React Fast Marquee and React Masonry existed? It was hard to even know WHAT to search if you don't know the terms "marquee" and "masonry". That's why I'm excited to share Patterns with you all. With Patterns, • Compare design systems • See UI/UX standards for basic components • Find the right component for your product We're starting with components from popular libraries, but want to also begin pulling in independent components. - Teddy & Alex
Amit Arora
@teddyni Man, this is really cool 😎 any idea for timeline for pulling independent components?
Teddy Ni
@amit_arora thanks for the kind words! definitely within the month! This is a project we plan on maintaining for the long term so im excited to see where it ends up, but am especially excited for independent components!
Harrison Telyan
As a designer (YC / RISD alum, founding product designer of Imgur)...this is massive. What a game changer. This'll help founders get to PMF faster.
Jacky Pan
I highly recommend using Patterns to stay up-to-date on the latest best practices in product design.
Frank Sondors
This is a bomb! This will be so cool for our CPO to get his hands dirty with. Bookmarked and upvoted!
Teddy Ni
@franksondors Awesome! Does your CPO help with the design of your product?
Cole Cable
This looks awesome, congrats on the launch!
Samuel Bodin
Oh very nice, I wish I had that when I started building my project!
Teddy Ni
@samdotb So do we! Thats why we built it in the first place 😉 There’s so many component libraries these days but no good way to compare them!
George Fang
Amazing! This will save me a ton of time picking the perfect component
Jeane Carlos
Congrats on launch! Impressed that these components are actually interactive and looking forward to using some components I find on here.
Igor Boky
Really nice tool! How do you manage available style systems? I mean how do you plan to have things simple to find? Congrats on the launch!
Teddy Ni
@igorboky We plan on doubling down on Search — right now it's super rudimentary, but once we get more style systems into our platform, we want to leverage some of the new AI tools to make Search really native and the go-to to finding anything. Have you been using Patterns this week?
Brandon Strittmatter
What a great idea! I've always loved mobbin, saasinterface, pttrns, etc... but this is so much better because these are real components you can actually use! Nice work team Teddy & Alex!
berat
That's so useful. I liked it.
Mukunda NS
Congrats on the launch! Cool Product
Nick from FirstHR
Congrats on the launch! Good luck!
Lazar Krstić
It looks very useful, I will reach out to you guys once detachless (the UI library I am building currently) is ready 💪🏻
Teddy Ni
@lazarkrstic Please do! Feel free to shoot me a message on here or on Twitter and we'll get Detachless onto Patterns. Excited to see it!
Saroj
@teddyni : Congratulations for the launch! sounds amazing!
Itamar Ben David
Trying to look for swift UI graph components and search doesn’t seem to work.. what am I missing?
Teddy Ni
@itamar_ben_david The components are currently manually curated (we're working on an automated way 😉) and haven't got to Swift UI graph components! We'll definitely add that to our list though!
Miguel Rasero
Great product @teddynielsen! Really like the idea. Bookmarking it.
Teddy Ni
Thanks Miguel! Have you used Patterns since the launch?
Royce Branning
The struggle to find the name for components is so real. Add SwiftUI components please!
Max T.Pham
Congrats Teddy & team on the launch!
Teddy Ni
@maxtpham Thanks Max! Has Patterns made it into your workflow?