Project Showcase SK

Free at launch for 7 Days

Showcase your website projects across desktop, tablet and mobile with a customizable Framer component.

Website Showcase brings device mockups, complete hero previews and full-page screenshot exploration into your portfolio or case study. Give visitors a clear view of your work without building a separate presentation for every device.

Made for portfolios and case studies Present client websites, landing pages and redesign projects on designer portfolios, freelancer websites and agency work pages.

Desktop, tablet and mobile previews Upload a separate screenshot for each device. Visitors can switch between views, and you can hide devices without an uploaded image.

Hero previews and full-page exploration Show the complete hero without unnecessary scrolling. Add an optional full-page screenshot so visitors can explore the rest of the website in an enlarged viewer.

Flexible viewport sizing Set independent device heights using values such as 80vh, 100vh or 100dvh. Choose a complete-image view, cropped viewport or optional full-page scrolling.

Customizable backgrounds and frames Match your portfolio with solid colors, gradients or a transparent canvas. Adjust browser and device frames, borders, corners, shadows and spacing.

Editable navigation and project details Customize device tabs, icons, labels and typography. Add your project title, category and website link.

An enlarged view of your work Let visitors switch devices, view hero or full-page images, and choose fit-to-width or actual-size display.

Insert the component into Framer, upload your screenshots and customize it through the property panel. No API key or backend setup is required.

Each instance showcases one project using uploaded screenshots. Brightly is shown for demonstration; its website design and imagery are not included.

Live demo: https://skprojectshowcase.framer.website/

Created by StyledFrame.