Get insights on your design system usage. With Stylebit you can measure, analyze and boost adoption of your design system across many platforms. Get information on component usage, confidently deprecate or update components on the fly!
Easily analyze and measure design system impact. From components analytics to variables. With Stylebit you can understand how design system is being used and boost the adoption. Supporting React, React Native and Web Components, native platforms coming soon.
👋 Hi folks!
We launched Stylebit in 2023 to help designers and engineers work faster together. Since then, we listened to your feedback carefully and created entirely new thing.
Please meet Stylebit, a platform to measure & analyze design systems 🚀
You can now analyze, measure and boost adoption of your design systems. Track components, variables/tokens and make better decisions.
What you can do now?
🎉 Track design systems created in React, React Native and Web Components, get information about your variables/tokens usage in scss/css. Native platforms are coming soon (iOS, Android).
🚀 Track adoption rate, usage rate, prop usage, files in which variables are defined and used. You can get higher level visibility into whole design system usage in the code. Very soon our AI chat bot will be available, so you can just ask your design system questions!
🗒️ Create reports to share with your team members. Configurable digests help you keep anybody who is interested in design system progress in the loop, weekly? Bi-weekly? Monthly? We got you covered!
🥁 Last but not least - custom metrics! Very soon you'll be able to track your own custom metrics around your design system, stay tuned!
Please check out:
- Demo playground - https://demo.stylebit.io/
- Documentation - https://docs.stylebit.io/
- Our website - https://stylebit.io/
You can sign up and start using Stylebit for free today.
Your support has been essential to our growth, and we look forward to your continued feedback and questions.
Let’s make design systems better, together. 🚀
Please join our partner program (https://stylebit.io/partners), and help others to level up their design system game!
Wait, we have more! With PH24 promo code you will get 50% OFF on every plan.
Thank You!
🙏 A special mention to @benln for introducing us on ProductHunt!
Hey 👋
I'm thrilled to announce that we have come up with a new Stylebit product. 🚀
The CLI tool is available on the npm registry https://www.npmjs.com/package/@s...
As the CLI runs on the codebase, the main question we are always asked is, 'IS IT SECURE?'
The short answer is YES 📌, it's secure.
Just couple of points:
1. Offline Usage:
🌐 "Run Stylebit CLI offline without an internet connection."
2. Dry Run Mode:
🏃♂️ "Execute Stylebit CLI in --dry-run mode to store results locally."
3. Self Hosting:
📦 "You can check the report file and upload it to app.stylebit.io manually through our web interface or host on your own."
For more detailed answer check out the security section in the documentation https://docs.stylebit.io/security 🗒️
Great product! Taking data analytics down to the component level. Since I haven't been writing React for a long time, I have some questions: From what you know, how many projects need such detailed analytics? And in your product, is it possible to perform data comparison between multiple child components under a single parent component?
@rick_fan Thank you! Products which want to support their own design systems, or analyze a 3rd party one to understand if the usage is high enough to build own design system. And Yes! We analyze the component tree so we can see how child components are used under the parent. With upcoming CLI updates we will make it more granular.
Trag
dzook
Trag
Chronoscope
Trag
Trag
Trag
dzook
Trag
Sider: AI Research Agent & Extension
Trag