UI Kits for any day use.
Tags: design, html, css, career
Published: 2020-05-16 09:10:55

It's a no brainer that the COVID-19 pandemic has brought the world to a near standstill. However, we cannot let it bring us down. Being a traditionally back end developer, I have taken up this period to dive into the deep waters of front end development, and so far I'm loving it. With the goal of being a full-stack developer, I have designed some awesome templates(totally biased opinion :) that anyone with an interest can use.

##1.General use customizable site

A bootstrap 4 landing page that suits any business model. Highly responsive, In developing this page, I got to understand the bootstrap grid and working with media queries.

[Live Demo](https://distracted-northcutt-8214ed.netlify.app/) | [Download Code](https://github.com/tngeene/bootstrap-starter-template)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fc8flbxyr9lv44xsf3k8.PNG)

##2. Marketing Company landing page
A landing page for the marketers and entrepreneurs.

[Live Demo](https://determined-lovelace-2a7006.netlify.app/) | [Download Code](https://github.com/tngeene/marketing-template)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6goyhofo8szrumh5fpey.PNG)

##3. Bakery site
For the lovers of baking and anything pastries(myself included), I've got you covered with this one 😎

[Live Demo](https://bakery-app.netlify.app/) | [Download Code](https://github.com/tngeene/Bakery-template.git)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bdw5yx5afzfnn64k95bn.PNG)

##4. E-learning platform
 In a world that is slowly transitioning to everything virtual, this landing page for an online learning platform may serve as an inspiration. Made purely with HTML and CSS, it was an opportunity to learn about flex and how it powers frameworks such as bootstrap and bulma.

[Live Demo](https://sharp-kare-087e77.netlify.app) | [Download Code](https://github.com/tngeene/E-learning-landing-page-design)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qcjsbg4ra6mll4cwh2qm.PNG)

##5. Forex Trading landing with social share
With more and more people jumping on the forex trading bandwagon, this landing page may inspire some to get into the craft.

[Live Demo](https://angry-jang-85ef37.netlify.app/) | [Download Code](https://github.com/tngeene/forex-trading-landing.git)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/moq0rrmvivx0m2ejj145.PNG)

Well, that's it for this post. While the designs are impressive, it's good to give credit where it's due. I couldn't have built them without the help of these great youtube channels, which gave me a lot of insight.
 * [w3newbie](https://www.youtube.com/user/TheMACinTUTS)
 * [Julio Codes](https://www.youtube.com/channel/UCeHWTyAKBv_WnW8gsEKGECw)
 * [Easy Tutorials](https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA)

I also found [this post](https://dev.to/lampewebdev/21-free-dashboard-landing-pages-ui-kits-templates-for-angular-vuejs-react-32mh) by @lampewebdev in which he shares other great templates.

How about you? Are there any design kits you'd like to share? Drop a link in the comment section or give feedback on [twitter](https://twitter.com/Ngeene_kihiu)

## Sponsors

>  Please note that some of the links below are affiliate links. I only recommend products, tools and learning services I've personally used and believe are genuinely helpful. Most of all, I would never advocate for buying something you can't afford or that you aren't ready to use.

- [Scraper API](https://www.scraperapi.com?via=teddy44) is a startup specializing in strategies that'll ease the worry of your IP address from being blocked while web scraping. They utilize IP rotation so you can avoid detection. Boasting over 20 million IP addresses and unlimited bandwidth. Using Scraper API and a tool like [2captcha](https://2captcha.com?from=12437369) will give you an edge over other developers. The two can be used together to automate processes. Sign up on Scraper API and use [this link] (https://www.scraperapi.com?via=teddy44) to get a 10% discount on your first purchase.

- Do you need a place to host your website or app, [Digital ocean](DigitalOcean – The developer cloudwww.digitalocean.com)
 is just the solution you need, sign up on digital ocean using this [link](https://m.do.co/c/eaa803fe4d99) and experience the best cloud service provider.

- The journey to becoming a developer can be long and tormentous, luckily [Pluralsight](http://referral.pluralsight.com/mQh0Nxp) makes it easier to learn. They offer a wide range of courses, with top quality trainers, whom I can personally vouch for. Sign up using [this link](http://referral.pluralsight.com/mQh0Nxp) and get a 50% discount on your first course.