Collection of free HTML and CSS movie card code examples.

  1. CSS Cards
  2. CSS Blog Cards
  3. CSS Card Hover Effects
  4. CSS Card Layouts
  5. CSS Flip Cards
  6. CSS Material Design Cards
  7. CSS Credit Cards
  8. CSS Product Cards
  9. CSS Profile Cards
  10. CSS Recipe Cards
  11. CSS Business Cards

Creator

  • Zayn

Programming language

  • HTML / CSS

Information the code

Movie Card UI

Movie card UI with pulse play button in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Creator

  • Jimmy Heuangpanga

Programming language

  • HTML / CSS

Information the code

Movie Card UI

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Demo image: Movie Card

Creator

  • Simone Bernab√®

Programming language

  • HTML / CSS (SCSS)

Information the code

Movie Card

Responsive movie card – light version. Dark version: https://codepen.io/simoberny/pen/qxxOqj

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: Movie Cards

Creator

  • Ryan

Programming language

  • HTML / CSS (SCSS)

Information the code

Movie Cards

Responsive movie cards.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies:

Demo image: Daily UI Movie Card

Creator

  • George Mironidis

Programming language

  • HTML / CSS (SCSS)

Information the code

Daily UI Movie Card

Movie card in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Demo image: Movie Card

Creator

  • Alex Fernandez

Programming language

  • HTML / CSS (SCSS)

Information the code

Movie Card

Movie card in HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies:

Demo image: Movie Card Interactive UI

Creator

  • Reece McDonald

Programming language

  • HTML (Haml) / CSS (SCSS)

Information the code

Movie Card Interactive UI

Movie card interactive UI with pure CSS3 animation rating.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Demo image: Movie Card

Creator

  • Andre Madarang

Programming language

  • HTML / CSS (SCSS)

Information the code

Movie Card

Movie card with HTML and CSS.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css