SpiroKit is a design system for mobile applications. It includes a collection of carefully crafted components and design principles to quickly transform an idea into a product. It’s easy to customize, and with a strong focus on development experience.
Hi Product Hunt!
Mauro here 👋. Creator of SpiroKit. A design system for mobile applications.
I've been working on SpiroKit in public for the last three months, and today I wanted to share with you the first phase of the project:
🚀 SpiroKit for Figma:
⭐️ It includes everything you need to start prototyping your next mobile app.
⭐️ It's easy to customize to match your brand.
⭐️ Built on top of features like auto-layout, variants, constraints, and shared styles.
Given that I'm a software developer, my vision for this product is to allow indie hackers to prototype, build and publish their next app.
That's why the next phases of the project will be focused on helping you with your app's development:
⭐️ Accessible React Native components + Storybook interactive documentation.
⭐️ Expo template with everything you need to kickstart your next project.
I look forward to reading your comments and learning from your feedback.
Please let me know if there is anything I can help you with.
Thank you for the opportunity to showcase my product.
Report
@mauro_garcia1 Just what we need to improve our UI wireframing
I came here to see just a collection of design components, but it's actually baked in with design principles to guide you through prototyping your app.
Have never seen that before.
Great work 🔥
@dagorenouf Thanks for your kind words, my friend! I did my best to create something useful for devs like me, who are not design experts, but they want to build great apps without wasting time 😉
Report
The product is looking great, I will give it a try soon to see how it can provide users with more info. I quite like the smart tips and customised segments.
Fantastic to see this launch - well done @mauro_garcia1 lots of hard work, care and attention have gone in to this and it will save many hours of design and dev time 😀 also it looks awesome!
@simon_barker1 Thanks for your kind words, Simon! Can't wait to keep building this product!! And also thanks for your support as always!
Report
As a dev, I don't want to waste time defining design rules for every app I build. SpiroKit does that for me and allows me to easily build prototypes of my apps' screens using Figma, so I can focus on the code.
@pauxdsantamaria I think right now Figma is the best tool to quickly prototype. Besides, you have infinite plugin options to improve even further your workflow. Now, I'll be working on the next step: Build those React Native components with an interactive documentation so you don't need to waste time building each component.
@mauro_garcia1 great job! There is great level of attention to detail in Spirokit. Getting a good design and a solid base are essential for any successful app. And with Spirokit you get all of it. 💯💯
SpiroKit
SpiroKit
WhatsNew.co
SpiroKit
SpiroKit
SpiroKit
SpiroKit
Career Switch To Coding
SpiroKit
SpiroKit
hipCV
SpiroKit