✨ Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


πŸŽ‰
Introducing Dev Tool

UI library for Design Engineers

50+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.
Perfect companion for shadcn/ui.

Showcase

Companies choose Magic UI to build their landing pages.

Component Demos

Here are some of the components that you can use to build your landing pages.

Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jane

@jane

I'm at a loss for words. This is amazing. I love it.
Jenny

@jenny

I'm at a loss for words. This is amazing. I love it.
James

@james

I'm at a loss for words. This is amazing. I love it.
Jane

@jane

I'm at a loss for words. This is amazing. I love it.
Jenny

@jenny

I'm at a loss for words. This is amazing. I love it.
James

@james

I'm at a loss for words. This is amazing. I love it.
Jane

@jane

I'm at a loss for words. This is amazing. I love it.
Jenny

@jenny

I'm at a loss for words. This is amazing. I love it.
James

@james

I'm at a loss for words. This is amazing. I love it.
Jane

@jane

I'm at a loss for words. This is amazing. I love it.
Jenny

@jenny

I'm at a loss for words. This is amazing. I love it.
James

@james

I'm at a loss for words. This is amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jack

@jack

I've never seen anything like this before. It's amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
Jill

@jill

I don't know what to say. I'm speechless. This is amazing.
John

@john

I'm at a loss for words. This is amazing. I love it.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.

Save your files

We automatically save your files as you type.

πŸ’Έ
Payment receivedΒ·15m ago

Magic UI

Notifications

Get notified when something happens.

Integrations

Supports 100+ integrations and counting.

SuMoTuWeThFrSa

Calendar

Use the calendar to filter your files by date.

πŸ’Έ
Payment receivedΒ·15m ago

Magic UI

Particles
Border Beam
Random stock image 1
Random stock image 2
Random stock image 3
Random stock image 4
Random stock image 5
Random stock image 6
Random stock image 7
Random stock image 8
Random stock image 9
Retro Grid
Magic
Card
Circles

Ripple

Shine Border
Confetti

What People Are Saying

Don't just take our word for it. Here's what real people are saying about Magic UI on Twitter.

I think our designer just convinced me to buy @magicuidesign I can't be bothered to figure out the comets and border beam, it's cheaper to just buy
This will be the first component I will adopt from the collection! Love these!
Looks great! Keep buildingπŸ”₯
Thank fucking god someone made this. You're the bestπŸ’―
you heard right. that looks amazing 🀩
bruh this is so good 🀀
This looks crazyy good! Congrats on the launch
Congrats Dillion! Just bought one! This is fire πŸ”₯
Bro these are cleeeaann
this guy don't miss, what a shipping machine! love to see it.
I think our designer just convinced me to buy @magicuidesign I can't be bothered to figure out the comets and border beam, it's cheaper to just buy
This will be the first component I will adopt from the collection! Love these!
Looks great! Keep buildingπŸ”₯
Thank fucking god someone made this. You're the bestπŸ’―
you heard right. that looks amazing 🀩
bruh this is so good 🀀
This looks crazyy good! Congrats on the launch
Congrats Dillion! Just bought one! This is fire πŸ”₯
Bro these are cleeeaann
this guy don't miss, what a shipping machine! love to see it.
I think our designer just convinced me to buy @magicuidesign I can't be bothered to figure out the comets and border beam, it's cheaper to just buy
This will be the first component I will adopt from the collection! Love these!
Looks great! Keep buildingπŸ”₯
Thank fucking god someone made this. You're the bestπŸ’―
you heard right. that looks amazing 🀩
bruh this is so good 🀀
This looks crazyy good! Congrats on the launch
Congrats Dillion! Just bought one! This is fire πŸ”₯
Bro these are cleeeaann
this guy don't miss, what a shipping machine! love to see it.
I think our designer just convinced me to buy @magicuidesign I can't be bothered to figure out the comets and border beam, it's cheaper to just buy
This will be the first component I will adopt from the collection! Love these!
Looks great! Keep buildingπŸ”₯
Thank fucking god someone made this. You're the bestπŸ’―
you heard right. that looks amazing 🀩
bruh this is so good 🀀
This looks crazyy good! Congrats on the launch
Congrats Dillion! Just bought one! This is fire πŸ”₯
Bro these are cleeeaann
this guy don't miss, what a shipping machine! love to see it.
Just bought it, keep delivering! looking forward to test it out
I was looking for something like that yesterday. Well done and tks for sharing!
Pre-ordered, Excited to see what you ship!
this is beautiful man
Copped one! Designs look sleek πŸ”₯
This is awesome πŸ‘
Sick dude. Can’t wait to build with these once they’re all done
Just bought it, keep delivering! looking forward to test it out
I was looking for something like that yesterday. Well done and tks for sharing!
Pre-ordered, Excited to see what you ship!
this is beautiful man
Copped one! Designs look sleek πŸ”₯
This is awesome πŸ‘
Sick dude. Can’t wait to build with these once they’re all done
Just bought it, keep delivering! looking forward to test it out
I was looking for something like that yesterday. Well done and tks for sharing!
Pre-ordered, Excited to see what you ship!
this is beautiful man
Copped one! Designs look sleek πŸ”₯
This is awesome πŸ‘
Sick dude. Can’t wait to build with these once they’re all done
Just bought it, keep delivering! looking forward to test it out
I was looking for something like that yesterday. Well done and tks for sharing!
Pre-ordered, Excited to see what you ship!
this is beautiful man
Copped one! Designs look sleek πŸ”₯
This is awesome πŸ‘
Sick dude. Can’t wait to build with these once they’re all done