Product Review Card UI With Rating Score

This card UI is great if you want to add a review card to your website. In this example, we can see a couple of movies in the review widget. We can slide through these by clicking on the arrow buttons. You can add the title, description, genre, duration, screenshot and review score. Designed by Jack Thomson.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen
Film Reviewer
by Jack Thomson (@Jackthomsonn)
on CodePen.

Share this article
Shareable URL
Prev Post

Five Star Rating System For Emails

Next Post

Windows 10 Toggle Button In Pure CSS

Read next

TOP 24 CSS Blockquotes

QUOTE CARDS Sliding quote cards. Author Sabine Robart January 31, 2019 Links demo and code Made with HTML / CSS…

CSS Only Content Slider

This is a content carousel in pure CSS , it has the left and right arrows to move between the various slides and…
Subscribe to our newsletter
Get notified of the best deals on our WordPress themes.

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add to your ad blocking whitelist or disable your adblocking software.