Collection of free HTML and CSS ticket examples from Codepen and other resources

Welcome to our collection of CSS examples! In this carefully curated compilation, we have gathered a wide array of CSS code snippets that demonstrate the power and versatility of Cascading Style Sheets.

Ticket

Ticket

Author:
Sicontis | August 13, 2021
Made with:
HTML / CSS

About a code

A food festival ticket.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Admit One Ticket

Admit One Ticket

Author:
Alex Trost | August 11, 2021
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Admit One Ticket

Admit One Ticket

Author:
anniedotexe | August 10, 2021
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css
Airline Ticket

Airline Ticket

Author:
Jesus Ramirez | August 9, 2021
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css
Choose Ticket

Choose Ticket

Author:
Ivan Grozdic | June 9, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, unicons.css
Ticket

Ticket

Author:
nabilkaz | July 17, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Flight Ticket

Flight Ticket

Author:
Kamerat | March 9, 2019
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
CSS Grid: Train Ticket

CSS Grid: Train Ticket

Author:
Olivia Ng | January 13, 2019
Made with:
HTML (Pug) / CSS (SCSS)

About a code

Train ticket to Hogwarts, with a flat design twist!

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
simple-line-icons.css
Variable Tides Ticket

Variable Tides Ticket

Author:
MSEdgeDev | March 12, 2018
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Ticket Grid

Ticket Grid

Author:
amr | May 5, 2017
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Flight Ticket

Flight Ticket

Author:
Daiquiri.io | April 5, 2017
Made with:
HTML (Pug) / CSS (Less)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Ticket

Ticket

Author:
Cyril | February 10, 2017
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
bootstrap.css
Movie Ticket

Movie Ticket

Author:
Anthony Skelton | January 13, 2017
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
jquery.js
CSS Concert Ticket Purchase

CSS Concert Ticket Purchase

Author:
Zed Dash | January 11, 2017
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Pure CSS Alitalia Boarding Pass / Ticket

Pure CSS Alitalia Boarding Pass / Ticket

Author:
Sander (Sandroid) | May 10, 2016
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
CSS Ticket

CSS Ticket

Author:
Cassidy | April 27, 2016
Made with:
HTML / CSS (Less)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Pure CSS Ticket

Pure CSS Ticket

Author:
Tomas Pustelnik | February 12, 2016
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Codepen Ticket

Codepen Ticket

Author:
emma | April 30, 2014
Made with:
HTML (Haml) / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Cinema Ticket

Cinema Ticket

Author:
Kevin Lorenz | October 25, 2013
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
CSS Flight Ticket

CSS Flight Ticket

Author:
Lennart Hase | August 11, 2013
Made with:
HTML / CSS

About a code

A CSS plane ticket from JFK to SFO...

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨