Collection of free HTML and CSS app design code examples from Codepen and other resources.

Related Articles

  1. jQuery App Design Examples
  2. Tailwind App Design Examples
Demo image: Betting App - Concept

Author

  • Vlad Racoare

Links

Made with

  • HTML / CSS (SCSS)

About a code

Betting App - Concept

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Neumorphic Fitbit UI

Author

  • Jon Kantner

Links

Made with

  • HTML / CSS

About a code

Neumorphic Fitbit UI

The design of the main Fitbit screen (as of January 2022) given a neumorphic makeover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Mobile UI CSS Only

Author

  • Charmaine

Links

Made with

  • HTML / CSS

About a code

Mobile UI CSS Only

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Music App

Author

  • Håvard Brynjulfsen

Links

Made with

  • HTML / CSS (SCSS)

About a code

Music App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Electronic Store App

Author

  • Håvard Brynjulfsen

Links

Made with

  • HTML / CSS (SCSS)

About a code

Electronic Store App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: UI Concept for a Shop Store Application

Author

  • Fernando Cohen

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

UI Concept for a Shop Store Application

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Demo image: Earmark Web App

Author

  • Håvard Brynjulfsen

Links

Made with

  • HTML / CSS (SCSS)

About a code

Earmark Web App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Modern UI APP

Author

  • Saul Blanco Tejero

Links

Made with

  • HTML (Slim) / CSS (SCSS)

About a code

Modern UI APP

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: UI App, Horrizontal Scroll and Vertical Scroll

Author

  • Alessandro Acciardi

Links

Made with

  • HTML / CSS (SCSS)

About a code

UI App, Horrizontal Scroll and Vertical Scroll

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Demo image: Simple Weather App Design

Author

  • Colin Espinas

Links

Made with

  • HTML (Pug) / CSS

About a code

Simple Weather App Design

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Cool App UI

Author

  • Nine

Links

Made with

  • HTML / CSS (Stylus)

About a code

Cool App UI

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: UI Design - Event Planning App

Author

  • CodeFrog

Links

Made with

  • HTML / CSS

About a code

UI Design - Event Planning App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: UI Design - Travel Plan Card

Author

  • CodeFrog

Links

Made with

  • HTML / CSS

About a code

UI Design - Travel Plan Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Demo image: CSS Exploration App Concept

Author

  • David Khourshid

Links

Made with

  • HTML / CSS (SCSS)

About a code

CSS Exploration App Concept

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Analog Weather App

Author

  • Johan Fagerbeg

Links

Made with

  • HTML / CSS

About a code

Analog Weather App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -