---
title: "Video Search — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Mohd Qasim · Forms. Best For Designers building modern dashboards, media hubs, or landing pages needing embedded video search Framer users who want…"
canonical: "https://framer.elliotli.dev/component/video-search"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Video Search

# Video Search

A sleek glassmorphism YouTube widget.

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

![Video Search preview image 1](https://framer.elliotli.dev/og/component/video-search/976d165112917f44/1600x1200.jpg)

## Summary

Best For Designers building modern dashboards, media hubs, or landing pages needing embedded video search Framer users who want a plug-and-play, highly stylable YouTube search…

## Description

## Use code NEW10 to receive 10% off on all my components.

## Overview

This premium YouTube search component delivers a compact, card-style interface with glassmorphism aesthetics, live search powered by the YouTube Data API, and seamless video navigation. Designers get instant control over styling, fonts, colors, and content through intuitive Framer property panels, making it perfect for dashboards, portfolios, or content hubs without complex setup

### How to get a YouTube API Key

-   Go to **Google Cloud Console**
    
-   Create or select a **project**
    
-   Enable **YouTube Data API v3**
    
-   Create an **API key**
    
-   Paste it into the **API Key field in Framer Property Controls**
    

## Key Features

-   Glassmorphism design with backdrop blurs, layered gradients, and soft shadows for a cutting-edge premium look
    
-   Live YouTube search fetching video titles, thumbnails, and descriptions with smooth loading animations
    
-   Clickable results that instantly open videos in new tabs for seamless user navigation
    
-   4 curated font styles (System, Inter, Poppins, Mono) selectable via segmented control
    
-   Fully editable welcome text, empty state messaging, and placeholder via property controls
    
-   Boolean toggle to show/hide the "Tip" pill badge in welcome state
    
-   Comprehensive Framer controls: header height, border radius, colors, gradients, and max results (1-10)
    
-   Responsive design that scales perfectly with Framer frame resizing
    
-   Smart states: welcome screen, empty results with custom orb icon, and scrollable video list
    
-   Hover effects on buttons and pointer cursor on clickable video items for intuitive UX.
    

## Best For

-   Designers building modern dashboards, media hubs, or landing pages needing embedded video search
    
-   Framer users who want a plug-and-play, highly stylable YouTube search experience
    
-   Portfolios, SaaS apps, or content sites showcasing curated YouTube content in polished card UI.
    

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

-   All · #10718

## Details

- **Author**: Mohd Qasim
- **Price**: $6.00
- **Published**: 2025-12-22
- **Updated**: 2026-06-16
- **Added**: 2025-12-10
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from