Welcome to our collection of CSS App Design! This curated compilation features a wide range of free HTML and CSS app design code examples sourced from popular platforms like CodePen, GitHub, and other valuable resources. With the July 2023 update, we are excited to present eight new additions to our ever-growing collection.

Each design is meticulously crafted, showcasing the latest trends and innovative techniques in app design.

Related Articles

  1. jQuery App Design Examples
  2. Tailwind App Design Examples
Demo image: Amazon - Redesign

Author

  • Hyperplexed

Links

Made with

  • HTML / CSS

About a code

Amazon - Redesign

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

Responsive: no

Dependencies: font-awesome.css

Demo image: Ticketmaster - Reskin (YT Music)

Author

  • Hyperplexed

Links

Made with

  • HTML / CSS

About a code

Ticketmaster - Reskin (YT Music)

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

Responsive: no

Dependencies: font-awesome.css

Demo image: Google Search - Redesign

Author

  • Hyperplexed

Links

Made with

  • HTML / CSS

About a code

Google Search - Redesign

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

Responsive: no

Dependencies: font-awesome.css

Demo image: NFT Marketplace Mobile App Layout

Author

  • Fernando Cohen

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

NFT Marketplace Mobile App Layout

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

Responsive: yes

Dependencies: bootstrap.css, masonry.js

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: Glassy Mobile App

Author

  • Yann L

Links

Made with

  • HTML (Slim) / CSS (SCSS)

About a code

Glassy Mobile App

A mix of several dribbble inspirations.

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

Responsive: no

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: Mail App Design

Author

  • Colin Espinas

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Mail App Design

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

Responsive: no

Dependencies: -

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: App Design

Author

  • Shiva Pandey

Links

Made with

  • HTML / CSS

About a code

App Design

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

Responsive: no

Dependencies: font-awesome.css, bootstrap.css

Demo image: Payment App

Author

  • Praveen Bisht

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Payment App

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

Responsive: no

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: -