DEV Community

Niemvuilaptrinh
Niemvuilaptrinh

Posted on • Updated on • Originally published at niemvuilaptrinh.com

29 Projects To Help You Practice HTML CSS Javascript 2021

Today we will go into learning about UI Page projects to increase design ability and how to apply HTML, CSS, Javascript to actual website development!

Responsive Social Platform UI

Responsive Social Platform UI
You can see the results below.

Fox News Templates

Fox News Templates
You can see the results below.

Netflix Landing Page Clone

Netflix Landing Page Clone
You can see the results below.

Book Store UI

Book Store UI
You can see the results below.

Project Management Dashboard UI

Project Management Dashboard UI
You can see the results below.

Microsoft Homepage Clone

Microsoft Homepage Clone
You can see the results below.

Task Manager UI with CSS Grid

Task Manager UI with CSS Grid
You can see the results below.

File Sharing Web App

File Sharing Web App
You can see the results below.

Messaging App UI with Dark Mode

Messaging App UI with Dark Mode
You can see the results below.

Booking App UI

Booking App UI
You can see the results below.

Job Search Platform UI

Job Search Platform UI
You can see the results below.

Skateboard Video Platform

Skateboard Video Platform
You can see the results below.

Instagram re-design

Instagram re-design
You can see the results below.

VideoCall App UI

VideoCall App UI
You can see the results below.

Gym Website - Tailwind Starter Kit

Gym Website - Tailwind Starter Kit
You can see the results below.

Task Management Dashboard UI

Task Management Dashboard UI
You can see the results below.

Internal Video Platform UI

Internal Video Platform UI
You can see the results below.

Gmail Redesign

Gmail Redesign
You can see the results below.

Chat App UI

Chat App UI
You can see the results below.

Responsive-Webpage

Responsive-Webpage
You can see the results below.

Dashboard Design with Flexbox

Dashboard Design with Flexbox
You can see the results below.

Services Section

Services Section
You can see the results below.

Spotify Artist Page UI

Spotify Artist Page UI
You can see the results below.

Twitter Client UI in CSS + HTML

Twitter Client UI in CSS + HTML
You can see the results below.

Responsive Movie App UI

Responsive Movie App UI
You can see the results below.

Twitch Redesign Mockup

Twitch Redesign Mockup
You can see the results below.

Task Management UI

Task Management UI
You can see the results below.

Facebook Profile Page UI Concept

Facebook Profile Page UI Concept
You can see the results below.

Related Articles:
HTML Practice Projects for Beginners
Front End Developer Tools
Free Coding Practice Sites

Top comments (18)

Collapse
 
kurapikachu profile image
kurapikachu

Thanks for the sharing!

Collapse
 
lotusandme profile image
LotusAndMe

Thank you cool projects, but what about semantic code? No html5 in 2021 year?

Collapse
 
vickylaura20 profile image
Vicky Laura

Thanks 🙏

Collapse
 
godfrey932 profile image
GODFREY932

Men thanks for this amazing resources

Collapse
 
erodriguez10 profile image
Emiliano

Amazing job! Nice ideas to practice.

Collapse
 
0101sajid profile image
0101sajid

Great post, Thanks for giving this information.
English to Malayalam typing
Tutubox

Collapse
 
gumonet profile image
Angel Gutierrez

Amazing! Thanks

Collapse
 
dreamydark1 profile image
Dreamy_Dark

Thanks
Great Work!

Collapse
 
bucurion profile image
Niculae Bucur Ion

Wow, this is so good, nice job.

Collapse
 
jefersoncf profile image
Jeferson Ferreira

Conteúdo muito bom, obrigado

Some comments may only be visible to logged-in visitors. Sign in to view all comments.