---
title: "UI Drawer Card — Free Framer component · Best of Framer"
description: "Free Framer component · by yahya · Cards. This component is made to take product showcases to the next level on websites, think of it as a custom interface to feature your products…"
canonical: "https://framer.elliotli.dev/component/ui-drawer-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/UI Drawer Card

# UI Drawer Card

[View on Framer](https://framer.com/marketplace/components/ui-drawer-card/?via=elliot-li)

![UI Drawer Card preview image 1](https://framer.elliotli.dev/og/component/ui-drawer-card/4f5c0650f2cccb4e/1600x1200.jpg)

## Summary

This component is made to take product showcases to the next level on websites, think of it as a custom interface to feature your products or content with style For additional…

## Description

This component is made to take product showcases to the next level on websites, think of it as a custom interface to feature your products or content with style

For additional details, Users can click the card to open a custom model with detailed text and content about that feature or Idea you want to talk about..

## You get full customzation to;

-   Image Upload
    
-   Card Text (Custom text fields for Card and Model)
    
-   Font Customization (Access all styles for text with native framer Font Picker for a custom UI)
    
-   Snappy Animation style for Interactions
    
-   Customizable Model (Overlay bg, color and text)
    
-   Text and Thumbnail Alignment
    
-   Border Radius, Padding Props
    
-   And much more
    

The model comes with a Gradient Fade Overlay to create smooth transitions for text constrast and a premium feel

Most importantly, **you can connect this component to dynamic content from framer CMS**. I.e, if you have features or products, you can connect the thumbnail, text fields to the CMS and have a consistent UX for all your cards with dynamic content

## Rank history [How rankings work →](/terms#rankings)

-   All · #683

## Details

- **Author**: yahya
- **Published**: 2025-10-23
- **Updated**: 2025-10-23
- **Added**: 2025-10-14
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator