Navigation Menu

20+ CSS Movie Cards - Free Code + Demos

Collection of 20+ CSS Movie Cards. All items are 100% free and open-source.

1. Movie Card UI

CSS Movie Cards - Movie Card UI
Author: Zayn (ZaynAlaoudi)
Links: Source Code / Demo
Created on: July 27, 2018
Made with: HTML, CSS

2. Responsive Movie Card - Light Version

CSS Movie Cards - Responsive Movie Card - Light Version
Author: Simone Bernabè (simoberny)
Links: Source Code / Demo
Created on: February 19, 2018
Made with: HTML, SCSS
Tags: movie, card, movie card, responsive, material

3. Responsive Movie Card

CSS Movie Cards - Responsive movie card
Responsive movie card
Author: Ryan (ryanparag)
Links: Source Code / Demo
Created on: May 29, 2017
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: card movie

4. CSS Movie Card

CSS Movie Cards - CSS Movie Card
Author: George Mironidis (georgemiro)
Links: Source Code / Demo
Created on: May 21, 2016
Made with: HTML, SCSS
Tags: ui, ui-card, ui-collect, sass, card ui

6. Movie Card Interactive UI With Pure CSS3 Animation Rating

CSS Movie Cards - Movie Card Interactive UI With Pure CSS3 Animation Rating
A CSS3 Animated Movie Card From Dribble Shot: https://dribbble.com/shots/2217767-Movie-Card Using CSS3 only to animate and keep track of the rating Thank you all so much for your kind support and getting my pen featured on the CSS Design Awards Design/Dev Feed : http://www.cssdesignaward...
Read More
Author: Reece McDonald (rmcdonalddesigns)
Links: Source Code / Demo, Dribbble.com, Www.cssdesignawards.com
Created on: August 28, 2015
Made with: Haml, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: ui, animation, css3, css-animation, movie

7. Movie Card | CSS

CSS Movie Cards - Movie Card | CSS
Movie card in mobile container. Inspired by: https://dribbble.com/shots/3091722-Movie-App-Onboarding/attachments/652549
Author: Håvard Brynjulfsen (havardob)
Links: Source Code / Demo
Created on: November 22, 2016
Made with: HTML, SCSS
Tags: card, movie, poster, gradient

8. Responsive Movie Card

CSS Movie Cards - Responsive movie card
Responsive movie card
Author: Kristian Vybiral (kvyb)
Links: Source Code / Demo
Created on: June 21, 2018
Made with: HTML, SCSS
Tags: card movie

9. Movie Cards

CSS Movie Cards - Movie Cards
Author: radostik1 (radostik1)
Links: Source Code / Demo
Created on: February 21, 2019
Made with: HTML, CSS

10. Movie Card

CSS Movie Cards - Movie Card
A movie card written in CSS. The card in responsive and is sprinkled with nice little animations.
Author: Vinny (vinnyA3)
Links: Source Code / Demo
Created on: October 14, 2016
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: css, card, movie card, animation

11. Nav Movie Cards

CSS Movie Cards - Nav Movie Cards
Author: Pamela English (pam_eng)
Links: Source Code / Demo
Created on: March 29, 2018
Made with: HTML, CSS

12. Awesome Blue Aquaman CSS Movie Card

CSS Movie Cards - Awesome Blue Aquaman CSS Movie Card
Author: Juan Vaz (_juanvaz)
Links: Source Code / Demo
Created on: January 11, 2019
Made with: HTML, CSS
Tags: simple, card, ui, css, movie

13. Movie Card UI

CSS Movie Cards - Movie card UI
Author: Alex Devero (alexdevero)
Links: Source Code / Demo
Created on: August 3, 2016
Made with: HTML, SCSS
Tags: card, material, devero, minimalist, ui-design

14. Movie Card

CSS Movie Cards - movie card
Author: Mahmoud Nasser (mahmoud-nasser)
Links: Source Code / Demo
Created on: July 18, 2018
Made with: HTML, CSS

15. Bootstrap Responsive Movie Card | Pure CSS

CSS Movie Cards - Bootstrap responsive movie card | Pure CSS
This movie card inspired by gorgeous Juan Llerena @Llerenaf dribble concept : https://dribbble.com/shots/2807662-Movie-Card-Concept
Author: Andrej (Ikonikov)
Links: Source Code / Demo
Made with: HTML, SCSS
More Awesome Lists:
CSS Business Cards CSS Business CardsCSS Credit Cards CSS Credit CardsCSS Recipe Cards CSS Recipe CardsCSS Profile Cards CSS Profile Cards
Share: