Idea: Design system component library builder
Hey, I just thought of an idea. I'm not going to build it, but wanted to put it out there.
As teams scale often a milestone is to create some sort of design system, with associated component libraries. See https://evergreen.segment.com or https://polaris.shopify.com for examples.
What if there was some tool that let you spit out your own based on tweaking a few input parameters? It could even come with a dummy SaaS app so you can preview it all together.
This would let teams quickly build out design systems that are completely tailored to their company brand.
Storybook?
Sure it’s fine for simple components, probably, but some integration with composites would also be needed…
I think Storybook takes care of the catalog functionality but you still have to build all the components yourself. Unless I am mistaken, I haven't actually used it.
You should have a look at https://bit.dev for this need. Looks very promising.
This is interesting. I guess Tailwind will lend itself very nicely to this. I feel this would be great as a free tool used to market another product you own.
?
To me this is more of an engineering tool. It might very well use something like Bootstrap under the covers. But what it manages the design system and what it produces is actually the engineering components, like <UserProfile /> etc.
I'd say there's some value in making customization for bootstrap components 10x simpler. I've used a bit of bootstrap over the years on smaller projects and pretty much never want to customize it because it seems like such a pain.
If I had some UI that let me set some common parameters (even preset parameters) for nicer UI and just exported React components out, that'd be awesome.
Agree on that part seems like this is more useful for non-designers. Part of the problem with customization for non-designers is it's hard to figure out what looks good.
That'd be very cool. Using tailwind UI + manually modifying some of the parameters with tailwindcss would work out, but alternatives are nice.
Hey James. Check this out https://www.microns.io//startup-listings/adaptable-design-system
Oh this is it!