Easy to use UI Kit generator based on Bootstrap. Pick color schemes, fonts, icon packs and change advanced settings. Preview all possible variations of themes we have generated for you. Export the UI Kit you like to Sketch & Bootstrap (full docs and SASS variables).

Discussion
Would you recommend this product?
2 Reviews5.0/5
Hi Product Hunt πŸ‘‹, We are excited to show you the first version of our product UI1.io and would love to hear all of your feedback and comments! πŸ’¬πŸ’¬πŸ’¬ UI1.io is a UI Kit generator based on Bootstrap that let's create a Bootstrap based UI Kit and export to matching Sketch file and Bootstrap theme. 1) Pick awesome color palettes, popular Google fonts, free icon packs and control other styling options. 2) Preview all possible variations of UI Kits we have generated based on the options you provided. 3) Export the theme you like to a Sketch file and Bootstrap that match each other πŸ”„. We've made UI1 to save you time and get you started with your project quickly by using the same design across Sketch (for prototyping) and Web (for developing). It takes an average of 40 hours of designer's ⏳ to create a full UI Kit in Sketch like the one you can create with our tool in under 3 minutes. πŸ”₯ The Bootstrap theme you have created can also be used as a drop-in replacement for you existing projects! πŸ’» There are free and paid versions available for export: Freebie - Sketch file preview featuring 20+ Sketch symbols based on your theme - bootstrap.css - a compiled version of Bootstrap with your theme applied - icons.sketch - a Sketch file with icon pack you selected for your project - README.pdf - a tutorial on how to get started with your brand new UI Kit Pro ($14.99)* - Full Sketch file featuring 100+ components with your theme - variables.scss - a SASS file with variables for your theme - bootstrap.css - a compiled version of Bootstrap with your theme applied - docs - a portable version of Bootstrap docs with your theme styles applied - icons.sketch - a Sketch file with icon pack you selected for your project - README.pdf - a tutorial on how to get started with your brand new UI Kit πŸš€ Product Hunt community, use promo code PH100 to get 30% OFF the Pro version. Feedback wanted! ⚑️ We would like to hear as much feedback as possible on the first version of our product. We have decided to go with Bootstrap for the initial launch as a proof of concept as it's by far the most popular Web framework out there. Over the next few months, we are planning to release builders for frameworks like Material UI, NativeBase, ant.design and more. Subscribe to our newsletter to stay updated on our work πŸ’Œ Herman and I will be more than happy to answer all of your questions and take feature requests. πŸ’¬