Beautiful, production-ready landing page components. Copy, paste, and customize for your next project.

Product

All Components
Hero Sections
Pricing
Features
Testimonials

Resources

About
Documentation(Soon)
Changelog(Soon)

Legal

Privacy Policy
Terms of Service

© 2025 Monet. All rights reserved.

Built with Next.js, Tailwind CSS, and shadcn/ui

Before-after Components (10) | React UI Library | Monet

before-after Components

Comparison sliders and transformation showcases

10 components available

Language

Style

light-theme9

minimal6

glow2

modern1

gradient1

Layout

two-column7

card-grid1

stack1

Industry

creative8

e-commerce7

saas6

ai5

startup3

education1

portfolio1

healthcare1

Language

한국어

English

日本語

design-buddy-before-after

design-buddy-before-after

light-themetwo-column

before-afterEnglish

glow-guide

glow-guide

light-thememinimaltwo-column

before-afterEnglish

glow-team

glow-team

light-thememinimaltwo-column

before-afterEnglish

iphone-creator-course

iphone-creator-course

light-thememinimaltwo-column

before-afterEnglish

makeover-studio

makeover-studio

light-thememinimal

before-afterEnglish

operate-before-after

operate-before-after

before-afterEnglish

practical-ui-before-after

practical-ui-before-after

light-thememinimaltwo-column

before-afterEnglish

resync-bio

resync-bio

light-themegradienttwo-column

before-afterEnglish

supertoons-before-after

supertoons-before-after

before-afterEnglish

uplift-founders

uplift-founders

light-themetwo-column

before-afterEnglish