Movie Cards

14 snippets

Browse Movie Cards examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-movie-cards

Snippets(14)

CSS clip-path Card Hover Effects
A css clip-path card hover effects built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
Intermediate
Features
Clip-path animations, Hover effects, Cubic-bezier transitions
Responsive
Yes
Daily UI Movie Card
A daily ui movie card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Features
gradient overlay, media layout, action buttons
Responsive
Yes
Movie Card
A movie card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
intermediate
Features
carousel, video embed, navigation dots, fade transitions
Movie Card
A movie card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Features
hover-effects, blurred-background, responsive-layout
Responsive
Yes
Movie Card Design Flex
A movie card design flex built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Beginner
Features
Flexbox layout, Vertical writing mode, Color-coded tags
Responsive
Yes
Movie Card Interactive UI
A movie card interactive ui built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
intermediate
Features
interactive star rating, hover animations, horizontal layout
Movie Card UI
A movie card ui built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Beginner
Features
Hover effect, Responsive layout, Blurred background
Responsive
Yes
Movie Card UI
A movie card ui built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Features
hover-effects, horizontal-layout, typography-focused
Responsive
Yes
Movie Card: Pulp Fiction
A movie card: pulp fiction built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS Grid, Flexbox, CSS Custom Properties
Difficulty
beginner
Features
Responsive layout, Themed variables
Responsive
Yes
Movie Cards
A movie cards built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Features
gradient overlay, responsive layout, social integration
Responsive
Yes
Movie Ticket Animation
A movie ticket animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
hover-animation, bounce-effect, movie-cards
Netflix Inspired Movie Gallery
A netflix inspired movie gallery built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
Intermediate
Features
Hover effects, Hero section, Card reflections
Responsive
Yes
Animated Movie Schedule Blocks
A animated movie schedule blocks built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
Haml, SCSS
Difficulty
Intermediate
Browser support
Chrome 36+, Edge 12+, Firefox 16+, Safari 9+
Features
Sliding Panels, SCSS Theming, Responsive Grid
Responsive
Yes
Movie Card
A movie card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
intermediate
Features
skewed background, star rating, custom tooltips, data-attributes
Responsive
Yes

Snippets(14)

related hubs