◧Mosaic컴포넌트 카탈로그Repository

디자인 컴포넌트 카탈로그

시각 효과가 뛰어난 UI 컴포넌트를 모아둔 내부 라이브러리. 마음에 드는 컴포넌트를 골라 코드를 복사해 어떤 프로젝트에든 가져다 쓰세요.

146개

버튼buttons

19개

Amber 3D Button

buttons
#button#3d#amber#push

Back to Top Button

buttons
#button#scroll-top#hover#expand

Delete Expand Button

buttons
#button#delete#hover#expand

Delete Slide Button

buttons
#button#delete#hover#slide

Discord Button

buttons
#button#discord#brand#hover

Download Button

buttons
#button#download#hover#tooltip

Glow Button

buttons
#button#glow#neon#hover

Juicy Buttons

buttons
#button#hover#animation#squish

Learn More Button

buttons
#button#learn-more#arrow#hover

Liquid Metal Button

buttons
#button#webgl#shader#liquid-metaldeps 1

Logout Button

buttons
#button#logout#hover#expand

Neon Green Button

buttons
#button#neon#green#glow

Play Now Button

buttons
#button#play#gaming#hover

Send Button

buttons
#button#send#hover#icon

Shine Text Button

buttons
#button#text#shine#shimmer

Social Card Buttons

buttons
#button#social#card#icons

Social Icon Buttons

buttons
#button#social#icons#tooltip

Social Reveal Button

buttons
#button#social#reveal#hover

Space Button

buttons
#button#space#yellow#3d

카드cards

17개

Blur Focus Cards

cards
#card#hover#blur#focus

Context Menu Card

cards
#card#menu#context-menu#list

Coral Flip Card

cards
#card#flip#3d#rotate

Credit Card

cards
#card#credit-card#mastercard#3d

Flip Recipe Card

cards
#card#flip#3d#rotate

Glass Icon Cards

cards
#card#glass#glassmorphism#icons

Gradient Border Card

cards
#card#gradient#border#glow

Gradient Logo Card

cards
#card#gradient#logo#hover

Hover Gradient Card

cards
#card#hover#gradient#pink

Logo Reveal Card

cards
#card#hover#logo#reveal

Mouse Tracker Card

cards
#card#3d#mouse-tracker#hover

Phone Theme Card

cards
#card#phone#mockup#theme

Rotating 3D Carousel

cards
#card#3d#carousel#rotate

Simple Card

cards
#card#simple#minimal#clean

Transaction Card

cards
#card#hover#transaction#payment

Uiverse 3D Card

cards
#card#3d#hover#green

Weather Card

cards
#card#weather#widget#forecast

체크박스checkboxes

19개

Animated Checklist

checkboxes
#checkbox#checklist#strike-through#firework

Bookmark Checkbox

checkboxes
#checkbox#bookmark#save#svg

Burger Menu Toggle

checkboxes
#checkbox#toggle#burger#menu

Flip Checkbox

checkboxes
#checkbox#flip#3d#transition

Google Checkbox

checkboxes
#checkbox#google#material#blue

Gradient Checkmark

checkboxes
#checkbox#gradient#instagram#checkmark

Green Check Checkbox

checkboxes
#checkbox#green#check#minimal

Hamburger Arrow Toggle

checkboxes
#checkbox#toggle#hamburger#arrow

Heart Like Checkbox

checkboxes
#checkbox#like#heart#favorite

Like Heart Checkbox

checkboxes
#checkbox#like#heart#gradient

Lock Toggle

checkboxes
#checkbox#toggle#lock#unlock

Morphing Checkbox

checkboxes
#checkbox#svg#morph#stroke-animation

Neon Checkbox

checkboxes
#checkbox#neon#glow#particles

Neon Mint Checkbox

checkboxes
#checkbox#neon#mint#glow

Notification Bell Toggle

checkboxes
#checkbox#toggle#bell#notification

Purple Checkbox

checkboxes
#checkbox#purple#check#minimal

Sketch Checkbox

checkboxes
#checkbox#sketch#hand-drawn#svg

Sticky Note Checkbox

checkboxes
#checkbox#sticky-note#yellow#fun

Yellow Checkbox

checkboxes
#checkbox#yellow#check#minimal

디스플레이display

1개

Glass Thermometer (Part 2)

display
#glassmorphism#draggable#gsap#plasmadeps 2

폼forms

10개

Card Payment Form

forms
#form#payment#credit-card#checkout

Cart Summary

forms
#form#cart#checkout#ecommerce

Dark Login Form

forms
#form#login#dark-mode#minimal

Email Sign In Form

forms
#form#signin#email#login

File Upload Form

forms
#form#file-upload#drag-drop

Glass Login Form

forms
#form#login#glassmorphism#dark-mode

Login/Signup Toggle

forms
#form#login#signup#toggle

Register Form (Dark)

forms
#form#register#signup#dark-mode

Register Form (Light)

forms
#form#register#signup#light-mode

Social Sign In Form

forms
#form#signin#social#login

입력inputs

10개

Floating Label Input

inputs
#input#text#floating-label#material

Glow Search Input

inputs
#input#search#glow#neon

Gradient Line Input

inputs
#input#text#gradient#underline

Letter Wave Input

inputs
#input#text#label#wave

Message Input Box

inputs
#input#message#file-upload#chat

Neon Input

inputs
#input#text#neon#glow

Soft Box Input

inputs
#input#text#label#minimal

Underline Label Input

inputs
#input#text#label#underline

Volume Slider

inputs
#input#range#slider#volume

Wave Bar Input

inputs
#input#text#label#wave

로더loaders

20개

Bouncing Balls Loader

loaders
#loader#loading#bounce#balls

Cube Frame Loader

loaders
#loader#loading#3d#cube

Glitch Text Loader

loaders
#loader#loading#text#glitch

Glowing Gradient Spinner

loaders
#loader#loading#spinner#gradient

Goo Loader

loaders
#loader#loading#goo#gooey

Hamster Wheel Loader

loaders
#loader#loading#hamster#wheel

Line Loader

loaders
#loader#loading#line#polyline

Morphing Box Loader

loaders
#loader#loading#morph#box

Neon Glow Spinner

loaders
#loader#loading#spinner#neon

Newton's Cradle Loader

loaders
#loader#loading#newtons-cradle#pendulum

Page Flip Loader (Slate)

loaders
#loader#loading#spinner#3d

Page Flip Loader (White)

loaders
#loader#loading#spinner#3d

Pyramid Loader

loaders
#loader#loading#pyramid#3d

Ring Spinner

loaders
#loader#loading#spinner#ring

Simple Spinner

loaders
#loader#loading#spinner#simple

Terminal Loader

loaders
#loader#loading#terminal#console

Text Cycle Loader

loaders
#loader#loading#text#cycle

Truck Loader

loaders
#loader#loading#truck#svg

Wave Bars Loader

loaders
#loader#loading#equalizer#wave

WiFi Loader

loaders
#loader#loading#wifi#signal

내비게이션navigation

1개

Apple Liquid Navigation Bar

navigation
#glassmorphism#liquid-glass#dark-mode#theme-toggle

패턴patterns

10개

Animated Dots Pattern

patterns
#pattern#background#dots#animation

Cube Pattern

patterns
#pattern#background#3d#cube

Diagonal Stripes Pattern

patterns
#pattern#background#stripes#diagonal

Dot Grid Pattern

patterns
#pattern#background#dots#grid

Dots Pattern

patterns
#pattern#background#dots#blue

Grid Pattern (Dark)

patterns
#pattern#background#grid#lines

Grid Pattern (Light)

patterns
#pattern#background#grid#lines

Matrix Pattern

patterns
#pattern#background#matrix#code

Matrix Rain

patterns
#pattern#background#matrix#rain

Rainbow Dots Pattern

patterns
#pattern#background#dots#rainbow

라디오radio-buttons

10개

Glass Segmented Radio

radio-buttons
#radio#segmented#glass#glassmorphism

Icon Menu Radio

radio-buttons
#radio#menu#navigation#icon

Plan Glider Radio

radio-buttons
#radio#segmented#glider#plan

Segmented Radio

radio-buttons
#radio#segmented#minimal

Settings List Radio

radio-buttons
#radio#settings#list#github

Star Rating (Amber)

radio-buttons
#radio#rating#star#amber

Star Rating (Purple)

radio-buttons
#radio#rating#star#purple

SVG Star Rating

radio-buttons
#radio#rating#star#svg

Tab Glider Radio

radio-buttons
#radio#tabs#glider#notification

Tile Selector Radio

radio-buttons
#radio#tile#selector#icon

스위치switches

19개

Airplane Mode Switch

switches
#switch#toggle#airplane#plane

BB8 Toggle

switches
#switch#toggle#bb8#starwars

Cloud Theme Toggle

switches
#switch#toggle#theme#sun-moon

Cyan Glow Toggle

switches
#switch#toggle#glow#cyan

Gooey Toggle

switches
#switch#toggle#gooey#liquid

Heart Toggle Switch

switches
#switch#toggle#heart#like

Install Progress Toggle

switches
#switch#toggle#install#download

iOS Switch

switches
#switch#toggle#ios#apple

Material Theme Toggle

switches
#switch#toggle#material#theme

Menu Bars Toggle

switches
#switch#toggle#menu#hamburger

Neumorphic Theme Toggle

switches
#switch#toggle#neumorphism#theme

Neumorphic Toggle

switches
#switch#toggle#neumorphism#soft-ui

Outline Switch

switches
#switch#toggle#outline#neobrutalism

Power Switch

switches
#switch#toggle#power#led

Rocker Switch

switches
#switch#toggle#rocker#skeuomorphic

Rotating Sun Toggle

switches
#switch#toggle#sun#rotate

Sky Toggle

switches
#switch#toggle#sky#day-night

SVG Theme Toggle

switches
#switch#toggle#theme#svg

Theme Day/Night Switch

switches
#switch#toggle#theme#dark-mode

툴팁tooltips

10개

Facebook Profile Tooltip

tooltips
#tooltip#profile#facebook#social

Info Tooltip

tooltips
#tooltip#info#hover#minimal

Instagram Profile Tooltip

tooltips
#tooltip#profile#instagram#social

LinkedIn Profile Tooltip

tooltips
#tooltip#profile#linkedin#social

Navbar Tip Tooltip

tooltips
#tooltip#hint#tip#navbar

Share Tooltip

tooltips
#tooltip#share#button#gradient

Social Brands Tooltip

tooltips
#tooltip#social#brands#icons

Social Fan Tooltip

tooltips
#tooltip#social#icons#fan

Social Icons Tooltip

tooltips
#tooltip#social#icons#hover

Website Tooltip

tooltips
#tooltip#website#tailwind#hover