Builds

Demo Viewer Component

build screenshotbuild screenshot

Built with React, Next.js, Tailwind and TypeScript.

This build provides a resizable and dynamic viewer for iframe demos. The viewer has a preview tab for displaying the demo in an iframe and a code tab for browsing the demo's source files. The preview supports resizing with a drag handle, fullscreen mode, and configurable loading covers. I used @use-gesture for handling the resize handle and fscreen for fullscreen support.

The site is deployed with Vercel.