Code The Design
Level up your coding skills with hands-on design challenges.

Source on Github

Difficulty

/44 challenges

Omah

A beautifully designed house listings website that features a stunning hero section with an advanced ...

View Challenge
DifficultyIntermediate
CategoryPage
Omah

Suxz

This online course platform features a captivating hero section with an illustration on the right an ...

View Challenge
DifficultyIntermediate
CategoryPage
Suxz

Construction

This new construction landing page design features a hero section with an engaging illustration back ...

View Challenge
DifficultyIntermediate
CategoryPage
Construction

Bubble Bash

This agency landing page design features a striking hero section with bold text and a captivating im ...

View Challenge
DifficultyIntermediate
CategoryPage
Bubble Bash

Edufree

Edufree is a free education website that provides access to quality education for everyone. The desi ...

View Challenge
DifficultyIntermediate
CategoryPage
Edufree

Bertumbuh

Bertumbuh is a trees planting organization website, featuring a hero section with an illustration of ...

View Challenge
DifficultyIntermediate
CategoryPage
Bertumbuh

Adoptme

Adopting a pet has never been easier! Check out Adoptme, our new pet adoption website. With a simple ...

View Challenge
DifficultyIntermediate
CategoryPage
Adoptme

Destinize

Discover your next dream vacation spot with our Destinize. Featuring a stunning hero illustration an ...

View Challenge
DifficultyIntermediate
CategoryPage
Destinize

Evenity

Evenity is an event management landing page that's sure to impress. With a striking hero section, in ...

View Challenge
DifficultyIntermediate
CategoryPage
Evenity

Agency

Agency landing page with a modern and clean layout, this page features a striking hero section with ...

View Challenge
DifficultyIntermediate
CategoryPage
Agency

Clone Netflix

A sleek and modern streaming service design, featuring a stunning hero section, an easy-to-navigate ...

View Challenge
DifficultyIntermediate
CategoryPage
Clone Netflix

Hangeulin

Discover a new way to learn Korean with our language landing page. With a big hero section featuring ...

View Challenge
DifficultyIntermediate
CategoryPage
Hangeulin

NFT

Get a glimpse of the world of NFTs with this sleek and stylish landing page design. Featuring a big ...

View Challenge
DifficultyIntermediate
CategoryPage
NFT

Movies

This UI design is for a movie detail page that showcases all the relevant information about a partic ...

View Challenge
DifficultyIntermediate
CategoryPage
Movies

Kourse

The Kourse Hero component is a visually striking and highly functional element of an online course w ...

View Challenge
DifficultyIntermediate
CategoryComponent
Kourse

The Malaka

The Malaka is a landing page for a book product. The design features a large hero section with a cat ...

View Challenge
DifficultyExpert
CategoryPage
The Malaka

Priced

The Priced page is a key element of a cloud storage website, as it is where users can learn about th ...

View Challenge
DifficultyIntermediate
CategoryPage
Priced

digidaw

The digidaw Hero component is a visually striking and highly functional element of a UI kit collecti ...

View Challenge
DifficultyIntermediate
CategoryComponent
digidaw

Jobless

The Jobless Hero component is a visually striking and highly functional element of a job board websi ...

View Challenge
DifficultyIntermediate
CategoryComponent
Jobless

Nowted

The Nowted Hero component is a visually striking and highly functional element of a note-taking app ...

View Challenge
DifficultyIntermediate
CategoryComponent
Nowted

Enlighten

The Enlighten coming soon page is a visually striking and highly functional element of a website. It ...

View Challenge
DifficultyIntermediate
CategoryPage
Enlighten

Nowted App

Nowted is a visually striking and highly functional note-taking app with a variety of features and t ...

View Challenge
DifficultyAdvanced
CategoryApp
Nowted App

Holadok

The Holadok Hero component is a visually striking and highly functional element of a doctor appointm ...

View Challenge
DifficultyEasy
CategoryComponent
Holadok

Testimoni

The Testimoni testimonial section is a visually striking and highly functional element of a website. ...

View Challenge
DifficultyIntermediate
CategoryComponent
Testimoni

ChatFlow Landing

The ChatFlow landing page is a visually striking and highly functional element of a website. It feat ...

View Challenge
DifficultyAdvanced
CategoryPage
ChatFlow Landing

ChatFlow

The ChatFlow widget is a highly functional and visually appealing element of a website. It features ...

View Challenge
DifficultyIntermediate
CategoryApp
ChatFlow

Profile Hover

The Profile Hover card is a simple yet effective element of a website or app that provides users wit ...

View Challenge
DifficultyIntermediate
CategoryComponent
Profile Hover

Pricy

Pricy is a clean and modern pricing page designed for a web hosting provider. It features a centered ...

View Challenge
DifficultyIntermediate
CategoryPage
Pricy

Faceless

Faceless is a sleek and modern login page designed to provide a smooth and intuitive user experience ...

View Challenge
DifficultyIntermediate
CategoryPage
Faceless

Musix Player

Musix Player is a simple music player that allows you to play, pause, and skip through tracks in a p ...

View Challenge
DifficultyAdvanced
CategoryComponent
Musix Player

Comments

The Comments UI design is a visually appealing and functional comments section for a website. It inc ...

View Challenge
DifficultyIntermediate
CategoryComponent
Comments

Hoster Support

Hoster Support is a knowledge base page for a web hosting provider. The page is designed to help use ...

View Challenge
DifficultyIntermediate
CategoryPage
Hoster Support

Twitter Embed

Twitter Embed is a simple card that displays a single tweet from Twitter. It includes the user's ava ...

View Challenge
DifficultyBeginner
CategoryComponent
Twitter Embed

Swiftship

Swiftship is a sleek and modern hero component for a package delivery service website. The design fe ...

View Challenge
DifficultyIntermediate
CategoryComponent
Swiftship

The Starter

The Starter is a personal website design featuring a visually striking hero section with a backgroun ...

View Challenge
DifficultyIntermediate
CategoryPage
The Starter

Grolin

Grolin is an authentication page designed for a social media accounts manager. The page is split int ...

View Challenge
DifficultyIntermediate
CategoryPage
Grolin

The Zeitplan

The Zeitplan is a landing page for a todo-list mobile app. The page features a large hero image that ...

View Challenge
DifficultyAdvanced
CategoryPage
The Zeitplan

Wumbo

Wumbo is a landing page designed for Figma social media content templates. The page features a moder ...

View Challenge
DifficultyAdvanced
CategoryPage
Wumbo

Authed

Authed is a modern and sleek authentication page designed for an online course website. The page fea ...

View Challenge
DifficultyAdvanced
CategoryPage
Authed

Collosal

Collosal is a visually stunning landing page designed for a software house company. With several pag ...

View Challenge
DifficultyMaster
CategoryPage
Collosal

Chat n' rechat

Chat n' Rechat is a landing page for a mobile chatting app, featuring a clean and modern design with ...

View Challenge
DifficultyExpert
CategoryPage
Chat n' rechat

MSTSKP

MSTSKP is a landing page for a social media analytics tool. The design features a dark, striking her ...

View Challenge
DifficultyIntermediate
CategoryPage
MSTSKP

Epictetus

Epictetus is a modern and stylish blogging platform that features a dark design. The home page featu ...

View Challenge
DifficultyIntermediate
CategoryPage
Epictetus

The Sugiharto's

The Sugiharto's is a personal website designed with a dark style. It features several pages, includi ...

View Challenge
DifficultyIntermediate
CategoryPage
The Sugiharto's