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

Related Articles

  1. CSS App Design Examples
  2. jQuery App Design Examples
Demo image: Fully Interactive Smartphone

Author

  • Dece0

Links

Made with

  • HTML / CSS / JS

About a code

Fully Interactive Smartphone

Password is 1111 and you can change it in the settings.

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

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.2.4

Demo image: Crypto App Design

Author

  • Scott Windon

Links

Made with

  • HTML / CSS

About a code

Crypto App Design

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

Responsive: yes

Dependencies: font-awesome.css

Tailwind version: 2.2.4

Demo image: Tailwind CSS Mobile App Design

Author

  • aji

Links

Made with

  • HTML / CSS

About a code

Tailwind CSS Mobile App Design

Mobile UI components built with Tailwind CSS.

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

Responsive: yes

Dependencies: font-awesome.css

Tailwind version: 2.2.4

Demo image: Wallet App Layout

Author

  • papercore

Links

Made with

  • HTML / CSS

About a code

Wallet App Layout

Google pay design.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: Tailwind Mobile App

Author

  • Scott Windon

Links

Made with

  • HTML / CSS

About a code

Tailwind Mobile App

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

Responsive: yes

Dependencies: materialdesignicons.css

Tailwind version: 1.6.0

Demo image: Parking App Design

Author

  • Scott Windon

Links

Made with

  • HTML / CSS

About a code

Parking App Design

Just a simple app layout.

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

Responsive: no

Dependencies: materialdesignicons.css

Tailwind version: 1.4.6

Demo image: UI with Tailwind CSS

Author

  • SARUNYHOT SUVANNACHOTI

Links

Made with

  • HTML / CSS

About a code

UI with Tailwind CSS

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

Responsive: no

Dependencies: -

Tailwind version: 1.3.5

Demo image: Tailwind Mobile UI

Author

  • PapaDong

Links

Made with

  • HTML / CSS

About a code

Tailwind Mobile UI

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

Responsive: no

Dependencies: -

Tailwind version: 1.1.2

Demo image: Online Payment App

Author

  • Hellmut Barbosa

Links

Made with

  • HTML / CSS

About a code

Online Payment App

This is a payment app written in Tailwind CSS only.

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

Responsive: no

Dependencies: font-awesome.css

Tailwind version: 1.0.2