UI-Design-Daily

Featuring UI Design Daily's UI components translated into code

Homepage

The main website I'll be using is https://uidcomponents.netlify.app

The homepage is a bit trash, but as components begin to fill the space, I will get the structure and adjust it's look and feel. UPDATE: Finally revamped the landing page, containing the component thumbnails I've done so far, and it looks amazing.

Main repository and where to find the UI Components

The UI components can be found on uidesigndaily.com. They provide weekly UI components, and I will be choosing one component at a time and translate it into code, then upload it to GitHub at https://github.com/SankThomas/ui-design-daily as the main repository.

Few things to note

The UIs are just to provide 'inspiration' so to say. Most things like colors will come from the UI itself, but I will also be adding other things like animations and images, links, svgs, which I don't currently have access to. And of course, JavaScript.

You can get the images of the components from within the individual repository folders, or by clicking the links at the end of this README.

Updates

Check back again for regular updates because I will try to do a component a day. The first one I've done today, 9th October 2020, and it is called 'Modal'.

Links to the UI Components

1. Modal [https://uidesigndaily.com/posts/sketch-subscribe-modal-pop-up-newsletter-day-1193]
2. Submit a tool form [https://uidesigndaily.com/posts/sketch-submit-form-day-1189]
3. Boardme [https://boardme.io]
4. Web Development Courses [https://uidesigndaily.com/posts/sketch-landing-page-website-day-1178]
5. Accordion Menu [https://uidesigndaily.com/posts/sketch-accordion-website-day-1175]
6. Footer UI Design [https://uidesigndaily.com/posts/sketch-footer-ui-design-newsletter-links-day-1195]
7. UI Components Table Profile [https://uidesigndaily.com/posts/sketch-ui-components-table-profile-card-day-1202]
8. Request Money UI [https://uidesigndaily.com/posts/sketch-request-money-ui-design-stepper-website-card-payment-day-1196]
9. Create your account Sign Up Form [https://uidesigndaily.com/posts/sketch-sign-up-ui-design-form-day-1206]
10. Pricing cards [https://uidesigndaily.com/posts/sketch-pricing-cards-ui-design-card-day-1207]
11. Features page [https://uidesigndaily.com/posts/sketch-features-page-components-list-menu-tab-day-1204]
12. Cards List UI Design[https://uidesigndaily.com/posts/sketch-cards-list-ui-design-website-day-1218]
13. Square Landing Page [https://uidesigndaily.com/posts/sketch-landing-page-website-day-1217]
14. Conferences UI [https://uidesigndaily.com/posts/sketch-conferences-page-list-listing-links-tags-website-day-1124]
15. Marketing Stats [https://uidesigndaily.com/posts/sketch-stats-card-statistics-cards-day-1123]
16. Articles Page [https://uidesigndaily.com/posts/sketch-articles-page-article-blog-post-cards-day-1122]
17. Statistics [https://uidesigndaily.com/posts/sketch-statistics-stats-cards-analytics-list-day-1121]
18. Help Center [https://uidesigndaily.com/posts/sketch-help-center-links-search-day-1120]
19. Stats Card [https://uidesigndaily.com/posts/sketch-stats-card-statistics-cards-day-1119]
20. Pricing Page [https://uidesigndaily.com/posts/sketch-pricing-page-table-subscription-card-cards-day-1116]
21. Color Palette Generator [https://uidesigndaily.com/posts/sketch-color-palette-generator-picker--day-1114]
22. Website Section [https://uidesigndaily.com/posts/sketch-website-section-day-1230]