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

Source on Github

Difficulty

/30 challanges

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