---
title: "Smart Contrast — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Alexander Belt · Utilities. With Smart Contrast, simply select any text layer and immediately see how well it meets WCAG contrast requirements across your design."
canonical: "https://framer.elliotli.dev/plugin/smart-contrast"
---

[Home](/)/[Plugins](/plugins)/[Utilities](/plugins/category/utilities)/Smart Contrast

# Smart Contrast

Accessibility made easy.

[View on Framer](https://framer.com/marketplace/plugins/smart-contrast/?via=elliot-li)

![Smart Contrast preview image 1](https://framer.elliotli.dev/og/plugin/smart-contrast/f559dd9cb686d379/1600x1200.jpg)

## Summary

With Smart Contrast, simply select any text layer and immediately see how well it meets WCAG contrast requirements across your design.

## Description

Achieving accessible typography shouldn’t slow you down. With Smart Contrast, simply select any text layer and immediately see how well it meets WCAG contrast requirements across your design.

✔️ **Instant Contrast Evaluation** – Get the contrast ratio the moment you select your text layer. No color picking or input required.

✔️ **Automatic Text & Background Detection** – Simply select a text layer and Smart Contrast finds the first parent with a valid background color.

✔️ **Simultaneous Light & Dark Mode Checks** – Instantly see contrast results for both themes at once, ensuring accessibility across your entire design system.

✔️ **Automatic Large Text Detection** – The plugin identifies when text qualifies as “large text” under WCAG, applying the correct contrast thresholds automatically.

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

-   All · #720

## Details

- **Author**: Alexander Belt
- **Published**: 2025-12-02
- **Updated**: 2026-01-02
- **Added**: 2025-11-29
- **Categories**: Utilities

## More across types

-   [Ticker Marquee](/component/ticker-marquee) — Ahmet Loca · $6 — Ticker Marquee TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text…
-   [Segmented Loader](/component/segmented-loader) — Azardam Studio · Free — Segmented circular loader for modern UI
-   [Attention Tab](/component/attention-tab) — Benjamin Michael Bremer · $2 — an utilities template

## More like this

-   [Framer Form Kit](/plugin/framer-form-kit) — FramerHub.io · Free — Framer Form Kit
-   [Asset Vault](/plugin/framerhub-vault) — FramerHub.io · Free — Asset Vault helps you keep reusable Framer assets in one place.
-   [FramerSend Fields](/plugin/framersend-fields) — Dong P. TRINH · Free — 60+ fields for native Framer forms
-   [Incognito Detect](/plugin/incognito-detect) — Samuel Silva · Free — Incognito Window Detect