p/spirokit
Prototype your next app in one sitting
Jim Raptis

SpiroKit — Prototype your next app in one sitting

Featured
69
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.
Replies
Best
Mauro Garcia
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.
Mauro Garcia
@stewup Nice to hear that, Stewart. Please let me know if you have any question about the product. Also, my DMs are always open on Twitter.
Mauro Garcia
@onerinas Thanks for joining the conversation! And for your kind words. Let me know if you have any question. I'm here to answer.
Mauro Garcia
@draptis @csaba_kissi Csaba! It's nice to have you here! Thanks for your feedback and support! Let me know if you have questions. I'm here to answer.
Stewart Barrett
@mauro_garcia1 I'll get our designer involved to your prototype kit and relay some feedback for you
Dagobert Renouf
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 🔥
Mauro Garcia
@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 😉
Simon Barker
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!
Mauro Garcia
@simon_barker1 Thanks for your kind words, Simon! Can't wait to keep building this product!! And also thanks for your support as always!
Preeti Chovoor
This looks like such a useful app! I could have definitely used it 3 months ago! Hope to use it in the near future!
Mauro Garcia
@preeti_chovoor Thanks for your feedback! Please let me know if you need it in the near future. I could offer a special early bird discount :)
amit
@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. 💯💯
Mauro Garcia
@websymphony Amit! I glad to hear that you liked SpiroKit. Can't wait to start building those React Native components now!
Michael Bogdanowicz
It is really interesting! Will it work at mobile? Like no code? Congratulate launch! 🚀
Mauro Garcia
@mikhail_bogdanovich Thanks for joining the conversation Mikhail. In the second phase of the project, I will be working on building the React Native components to drastically reduce the amount of work needed to build an app, but it will require code skills from who wants to use it. At the moment, I'm launching the Figma version, so no code skills required at the moment 😉 Here is a preview in case you want to check it out: https://www.figma.com/file/C7GmM... Let me know if you have any additional questions, and thanks again for your feedback.
Mauro Garcia
@mikhail_bogdanovich Yeah! The Figma template will serve as a foundation for everything that comes later. Can't wait to start building those React Native components!
Paula Santamaría
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.
Mauro Garcia
@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.
Jim Raptis
Finally a mobile-first design kit. Great work Mauro! 👊
Mauro Garcia
@draptis Thanks for the hunt, Jim. I really appreciate your support!
Soma Talukdar
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.
Mauro Garcia
@soma_talukdar Thanks for your feedback, Soma. If you have any question, my DM's are always open on Twitter 🙂
Devluc
Awesome design system Mauro, wish you good luck with the launch - upvoted
Mauro Garcia
@inovatik Thanks for joining the conversation and leaving your feedback, Lucian. If you have any question about the product, just let me know.
Dawn Veltri
Congrats on the launch Mauro!
Mauro Garcia
@dawn_veltri1 Thanks for joining the conversation Dawn!
Bertie IP
Looks super slick! Congratulations on the launch, @mauro_garcia1 🚀
Mauro Garcia
@bertie Thanks for your feedback, Bertie! Please let me know if you have any question.
Farez Rahman
This looks like something I could use for the mobile version of my app. Awesome work Mauro.
Mauro Garcia
@farez_rahman Farez! Glad to see you joined the launch. Thanks buddy! Please send me a DM if you want to talk about this. You have the 50% off promo code in case you are interested.
Lamine
This is going to save us developers so much time, thanks for making this! Cheers
Mauro Garcia
@lamine Thanks for sharing your thought, Lamine! Totally agree. My goal is to solve as many issues as I can so developers can focus con business logic instead of dealing with UI problems.
Logan Corkwell
Congratulations on the launch. Looks like a really useful wireframe tool.
Mauro Garcia
@logan_corkwell Thanks Logan!
Yaroslaw Bagriy
Big congrats on the launch 🎉 super excited!
Mauro Garcia
@yarobagriy Thanks Yaroslaw! Happy to have you here. Thanks for joining this conversation. In case you want to know anything else about the product or the roadmap, let me know
Lee Percox
Great work on the launch Mauro. The design kit looks fantastic 👍
Mauro Garcia
@lee_percox thanks for your feedback and support Lee!
Agustín
Amazing work Mauro! Felicitaciones 🥳
Mauro Garcia
@agustinlautaro Thanks for joining the conversation Agustin! And also thanks for your feedback!
Sophiary Lam
Wow!! This looks awesome, congrats :)
Mauro Garcia
@sophiarylam Thanks Sophiary! Let me know if you have any question about the product or if you are interested on hearing more about offers for early birds.
Yon Spainhour
Thanks you for this product
Mauro Garcia
@spainhouryon Thanks for your support, Yon!