DEV Community

Cover image for UI Kits for any day use.
Ted Ngeene
Ted Ngeene

Posted on • Updated on

UI Kits for any day use.

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 | Download Code

Alt Text

2. Marketing Company landing page

A landing page for the marketers and entrepreneurs.

Live Demo | Download Code

Alt Text

3. Bakery site

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

Live Demo | Download Code

Alt Text

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 | Download Code

Alt Text

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 | Download Code

Alt Text

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.

I also found this post 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

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 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 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 to get a 10% discount on your first purchase.

  • Do you need a place to host your website or app, Digital ocean
    is just the solution you need, sign up on digital ocean using this link and experience the best cloud service provider.

  • The journey to becoming a developer can be long and tormentous, luckily Pluralsight 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 and get a 50% discount on your first course.

Top comments (6)

Collapse
 
israelchidera profile image
Israel Chidera

This is nice. Thanks for sharing

Collapse
 
tngeene profile image
Ted Ngeene

Anytime

Collapse
 
mi5t4n profile image
Sagar Tamang

What is the license for your templates? I don't see one in github.

Collapse
 
tngeene profile image
Ted Ngeene

I haven't added them yet. Thanks for mentioning it. It skipped my mind.

Collapse
 
calvinoea profile image
Calvin

Awesome! WireframePro is also quite nice for mockups

Collapse
 
tngeene profile image
Ted Ngeene

I will check it out. Thanks!