Biggest Design UI Kit & Design System by Apsolior
*** About the project ***
Ultimate Design UI Kit & Design System is created to make the design process easier for both designers & developers. At this project, I focused on all the elements you can use for your websites, online products, smartphone apps, console apps, or any other digital product.
*** What is included ***
This is a kit created by atom methodology so it basically contains everything you need for a successful start of any project as UX/UI Designer, Product Designer or even a Front-End Developer. Quick list of things included inside can be seen here:
- Full typography set of 10 most used fonts (Roboto, Inter, Nunito Sans, Montserrat, Open Sans, Lora, Prata, Lato, Oswald, and Poppins) with all sizes + css parts of code for import.
- Full color set backed up by Tailwind CSS.
- Complete set of avatars, badges, banners, buttons, cards, checkboxes, radio buttons, toggle buttons, input fields, tooltips, and table element with all sizes, states, and color combinations.
*** Future plan ***
Development of this design system and UI kit is not done yet, but I wanted people to start using it and connect with the logic behind it. In next 2.0 version my plan is to add these things:
- Make a full typography set of all 10 most used fonts with all sizes, states, and color combinations + rules (Weights, distances, paragraph chunks and more...).
- Complete set of layouts (grids, breakpoints, spacings).
- Complete set of essential iconography in two styles, solid and outlined.
- Few more versions of avatars, badges, banners, buttons, cards, checkboxes, radio buttons, toggle buttons, input fields, tooltips, and table element with all sizes, states, and color combinations.
- Add new elements: carousels, dropdowns, lists, indicators, modals, and tabs with all sizes, states, and color combinations.
- Over 500 ready to go UI elements suitable for pages such as our team, services, product, contact, upload, landing pages, footers, headers and more...
*** How to use ***
All the elements I did are ready to be implemented in your design system or design kit. Just delete the additional pages you do not need, set up the team library assets and you are good to go.
*** How to download ***
Dribbble Account: https://dribbble.com/ljkukulj
Figma Community: https://www.figma.com/community/file/1006862490310794670/Biggest-Design-UI-Kit-%26-Design-System-by-Apsolior
Website (Soon - In V2.0)
*** Copyright licence ***
You can use a “Biggest Design UI Kit & Design System by Apsolior” for any personal or business project. If you however decide that it is a good idea to sell my product online without me knowing it think again :) . You can customize the template to any degree (adding, altering, or removing text, images, graphics, layout, design, etc.) to fit your project's needs.
*** Important notice ***
“Biggest Design UI Kit & Design System by Apsolior” is in beta release, and it is going to be free until 1st of December, 2021. After that date full & completed version will be released and the price of template is going to be 19$ per licence.