Spotify UI Clone

All projects

Apps & Tools

A high-fidelity, one-shot Spotify interface replica built using GPT-5.6 Sol.

byAI for Work

PlayableOpen source

Spotify UI Clone media is blocked

Allow external media to connect to the provider and play this content.

Description

A recreation of the Spotify user interface generated in a single pass from a single prompt. The build serves as a capability benchmark for OpenAI's GPT-5.6 Sol, demonstrating its ability to handle complex frontend styling and layout architecture in a one-shot generation.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Attributed to: @aiforwork
Built with: GPT-5.6 Sol
Links: firecrawl.dev
View on YouTube
View GitHub repo
Tags: #ui-clone #frontend #one-shot

Discovered: YouTube
First posted: YouTube · Jul 9, 2026
Listed: Added 48d ago
Build: Strong
Models: Strong

Prompt

Clone the UI in the attached screenshot as closely as possible. Constraints: Output a single, self-contained HTML file. No build step. Use Tailwind via the CDN script tag only. No other CSS frameworks. Use Lucide icons via CDN if icons are needed. No icon images. No React, Vue, Next.js or any bundler. No python. No HTML only. Do not use placeholder lorem ipsum. Reproduce the actual text visible in the screenshot. Match the original on layout, spacing, alignment, type scale, and visual hierarchy, not just the presence of elements. Pay attention to padding, gap between items, font weights, and how much one element dominates over another. Return only the HTML file.

Source

All projects

Apps & Tools

Spotify UI Clone

A high-fidelity, one-shot Spotify interface replica built using GPT-5.6 Sol.

byAI for Work

PlayableOpen source

Spotify UI Clone media is blocked

Allow external media to connect to the provider and play this content.

Description

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Attributed to: @aiforwork
Built with: GPT-5.6 Sol
Links: firecrawl.dev
View on YouTube
View GitHub repo
Tags: #ui-clone #frontend #one-shot

Discovered: YouTube
First posted: YouTube · Jul 9, 2026
Listed: Added 48d ago
Build: Strong
Models: Strong

Prompt

Clone the UI in the attached screenshot as closely as possible. Constraints: Output a single, self-contained HTML file. No build step. Use Tailwind via the CDN script tag only. No other CSS frameworks. Use Lucide icons via CDN if icons are needed. No icon images. No React, Vue, Next.js or any bundler. No python. No HTML only. Do not use placeholder lorem ipsum. Reproduce the actual text visible in the screenshot. Match the original on layout, spacing, alignment, type scale, and visual hierarchy, not just the presence of elements. Pay attention to padding, gap between items, font weights, and how much one element dominates over another. Return only the HTML file.

Source

Spotify UI Clone

Description

Timeline

Spotify UI Clone

Description

Timeline