---
title: "Stocks — Free Framer component · Best of Framer"
description: "Free Framer component · by Jurre · Interactive. Stocks component shows real-time stock prices from the Finnhub API, displayed in USD."
canonical: "https://framer.elliotli.dev/component/stocks"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Stocks

# Stocks

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

![Stocks preview image 1](https://framer.elliotli.dev/og/component/stocks/a129463514861246/1600x1200.jpg)

## Summary

Stocks component shows real-time stock prices from the Finnhub API, displayed in USD.

## Description

## Stocks for Framer – Live Stock Price Display in USD

The Stocks component shows real-time stock prices from the Finnhub API, displayed in USD. Add any stock ticker—like AAPL, TSLA, or MSFT—and show the current price with a clean, customizable design. Ideal for dashboards, portfolios, and landing pages.

## Features

-   Live stock prices (USD only)
    
-   Supports global tickers (e.g. NASDAQ, NYSE, LSE, JPX, SSE)
    
-   Optional price change & % movement display
    
-   Company logos (or fallback ticker initials)
    
-   Abbreviated number formatting (e.g. 2.5K, 1.2M)
    
-   Full styling control: font, color, border, radius, spacing, and more
    

## How it works

Just enter a stock ticker like AAPL, and the component fetches the latest USD price from Finnhub’s public API. It optionally shows the change from the previous close, color-coded based on gain or loss.

## Perfect for

-   Fintech and investment UIs
    
-   Real-time stock tickers
    
-   Business landing pages
    
-   Custom dashboards in Framer
    

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

-   All · #4287

## Details

- **Author**: Jurre
- **Published**: 2025-07-31
- **Updated**: 2025-07-31
- **Added**: 2025-07-31
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase