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

Discussion (17)

Collapse
kurapikachu profile image
kurapikachu

Thanks for the sharing!

Collapse
godfrey932 profile image
GODFREY932

Men thanks for this amazing resources

Collapse
vickylaura20 profile image
Vicky Laura

Thanks 🙏

Collapse
lotusandme profile image
LotusAndMe

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

Collapse
erodriguez10 profile image
Emiliano

Amazing job! Nice ideas to practice.

Collapse
gumonet profile image
Angel Gutierrez

Amazing! Thanks

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

Collapse
dreamydark1 profile image
Dreamy_Dark

Thanks
Great Work!

Collapse
0101sajid profile image
0101sajid

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

Collapse
z2lai profile image
z2lai • Edited on

Holy smokes, where did you find so many great looking designs and the time to code them? The is one of the best collection of designs I've seen.

Collapse
atabak profile image
atabak

Wow

Collapse
srini profile image
Sri-Ni, Thirumalaa Srinivas

Excellent curated collection!

Collapse
nilemarbarcelos profile image
Nilemar Barcelos

Amazing content, thanks

Collapse
antardas profile image
Antardas

Thanks

Collapse
pree1995 profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
Pree1995

Very Much interested in this coding type, and such info has been got where I can go in depth. and do check out Ajmera Nucleus Apartments is the perfect location for those who want to enjoy the city as well as as take advantage of its many leisure opportunities

Collapse
sevensister09 profile image
SevenSister09

Thank you for sharing this valuable and meaningful content with us. It will be very useful for me as well as others also. Visit Us: Chardham Yatra by Helicopter