Componentes
Botões
Botões, interruptores e chamadas para ação que respondem ao ponteiro.
36 de 442
Carregando o índice completo de busca.
Compare estes componentes
Escolha pelo comportamento e pelo layout; depois confira os frameworks disponíveis e os requisitos de acesso na página de cada componente.
- Add Then Confirm Chip
Um chip escuro com um rótulo quente cujo sinal de mais balança de um lado para o outro ao passar o mouse, depois gira em uma marca e informa o item adicionado.
- Amber upload pill
Uma pílula de upload gradiente quente com uma borda brilhante que amplia seu tom colorido e ilumina o rótulo por trás ao passar o mouse.
- Anaglyph wobble button
Um botão que fica pendurado em um movimento 3D lento e, quando pairado ou focado, lança duplicatas quentes e frias de si mesmo fora de registro com uma oscilação excessiva.
Abrir o índice completo
- Add Then Confirm Chip
- Amber upload pill
- Anaglyph wobble button
- Annotated anatomy button
- Answer call circle
- Arcade dome button
- Arcade plate button
- Arrow chip button
- Arrow relay badge pill
- Arrow to label pill
- Arrow wipe button
- Arrow wipe call to action
- Banded stripe button
- Bevel frame button
- Bevel press pill
- Bevel swap button
- Blob cap button
- Bookmark save chip
- Bookmark save toggle
- Border brighten button
- Border trace button
- Bouncing dot action button
- Bouncing download button
- Breathing CTA pill
- Breathing transport toggle
- Brightening gradient button
- Brushed metal knob
- Button set
- Camera flash pill
- Captioned Like Button
- Caret tail link
- Cartridge fire button
- Carved Pill Button
- Center bloom button
- Center out fill button
- Center out underline link
- Channel tile row
- Charge Up Action Button
- Chat launcher morph
- Check stroke submit
- Chevron flip tile
- Circle plus add button
- Circled Arrow Pill
- Clamp jaws glow button
- Collapsing share button
- Color relay sign-in
- Color swap play button
- Comb wipe invert button
- Compass share burst
- Concentric ring button
- Contrast Boost Frame Button
- Converging chevron button
- Copy confirm button
- Copy flick tile
- Corner bracket frame button
- Corner bracket seal button
- Corner bracket target button
- Corner flood button
- Corner ticks frame button
- Count Sweep CTA
- Counting follow chip
- Cross morph menu button
- Crossing ripple tile
- Dark Pill Sign In
- Dashed outline tooltip button
- Day night sweep toggle
- Decline call circle
- Deep Slab Button
- Departing send button
- Destructive sweep button
- Detached Ring Pill
- Diagonal blob flood button
- Diagonal orb fill button
- Diagonal shutter fill button
- Diagonal swipe button
- Diagonal wedge button
- Dialog bevel button
- Disc to Pill CTA
- Dodging eyes button
- Dot flood button
- Dot matrix arrow button
- Double bevel button
- Download Sweep Progress
- Download tooltip button
- Download tray pulse button
- Draining fill button
- Draining fill button
- Drifting aura button
- Drifting Gradient Button
- Drifting halo button
- Drifting mesh tilt
- Drive through button
- Echo halo hover button
- Edge Collapse Button
- Edge lamp tracking bar
- Edge wipe invert
- Elevated chip button
- Elevation ladder fill button
- Emboss swap button
- Embossed press button
- Expanding chip back button
- Expanding disc mute toggle
- Expanding icon pill
- Expanding icon pill
- Extruded tilt button
- Flat to flow button
- Flight path confirm button
- Flip face button
- Floating download pill
- Flying send button
- Focus halo button
- Foil frame button
- Follow count swipe
- Follow latch chip
- Format toggle button
- Four edge wipe icon button
- Frame draw button
- Fusing blob fill button
- Gap stretch arrow button
- Ghost echo lift button
- Glass tube element tile
- Glide swap button
- Glitch slice button
- Edge light pill
- Glow halo button
- Gradient flip uppercase button
- Gradient Rim Button
- Ring reveal button
- Gradient swap button
- Gradient tilt pill
- Grained rim button
- Graphite Slab CTA
- Grounded download pill
- Growing back arrow
- Growing ledge button
- Growing Pill Backdrop
- Hairline lift pill
- Hairline trace submit
- Hairline utility button
- Halo glow button
- Halo ring button
- Handoff link button
- Hard edge key button
- Hard Shadow Button
- Hard shadow store badge
- Hatch sweep button
- Heartbeat like button
- Hinged plate button
- Hinged progress button
- Hold ring confirm
- Hold to delete
- Hold to fill pad
- Hop lift button
- Icon badge send
- Icon label toolbar
- Icon reveal chip
- Icon sweep delete button
- Icon swell tooltip
- Icon takeover delete
- Icon tile flood button
- Ink bloom button
- Inlaid edge button
- Inner Rim Send Button
- Inset Edge Pill
- Breathing Inset Button
- Inset plate button
- Inset sheen button
- Intent button set
- Interlocking comb button
- Invert and grow button
- Invert Fill Button
- Invert and lift button
- Invert on hover pill
- Isometric Stack Button
- Italic outline fill button
- Italic release pill button
- Ivory keycap button
- Jello squash button
- Jelly skew button
- Jitter shake button
- Joined action bar
- Joined Button Group
- Key travel button
- Key Turn Chip
- Keycap lift button
- Keycap plate button
- Keycap press button
- Label icon swap button
- Rolling Label Button
- Label swap slide button
- Latching icon toggle
- Launch orbit button
- Launching send button
- Leap and tint button
- Left Edge Fill Button
- Letter cascade button
- Letter drop press button
- Letter spread drop button
- Letter swap copy button
- Lift and fill pill
- Lift and settle button
- Lift and Sink Button
- Lifting glyph row
- Lifting hard shadow pill
- Lifting share chip
- Light pool button
- Light sweep button
- Light sweep effect
- Light sweep button
- Liquid wave button
- Live keycap
- Looping flight send button
- Lozenge swipe highlight
- Magnetic button
- Magnetic dust button
- Mascot zoom play button
- Meshing gears chip
- Molded bevel button
- Molded key send button
- Mood swap button
- Morphing backdrop button
- Nested bezel send button
- Nested capsule button
- Capsule in frame button
- Nested plate send button
- Notched console button
- Notched offset slab button
- Nudge arrow invert button
- Nudging chevron button
- Nudging message pill
- Offset bloom button
- Offset outline stack
- Offset plate button
- Offset shadow icon orb
- Offset shadow press button
- Opposing rule text button
- Orbiting caption disc
- Orbiting confirm chips
- Orbiting rim light button
- Outline invert button
- Outset ring tilt button
- Overhead light pill
- Overshoot icon button
- Panel swallow button
- Panning gradient button
- Particle burst button
- Pass through wipe button
- Paste Format Menu
- Perimeter draw button
- Perimeter spark button
- Perspective sheen button
- Physical keycap button
- Pincer Fill Button
- Pivot bars menu button
- Pixel bevel button
- Plane straighten send
- Plane tilt send button
- Plate spin swap button
- Plinth lift button
- Plus to cross tile
- Pointer Ripple Button
- Polished metal button
- Press block button
- Press down sweep button
- Press plate toggle
- Press ripple button
- Press spring button
- Pressable icon toggle
- Pressed highlight toggle
- Pressed ledge button
- Pressed tile icon button
- Printing icon button
- Pulse button
- Pulse halo button
- Pulsing play orb
- Quarter Turn Add Button
- Quick menu orb
- Radial Share Fan
- Radial sheen button
- Raised bezel button
- Record toggle pulse
- Refresh sweep spin
- Relay fill button
- Repeat mode cycler
- Return to top chip
- Reversing bars menu button
- Rim ramp button
- Rim to fill gradient button
- Ring halo button
- Ring halo pill button
- Ringing bell badge
- Ripple tap button
- Rising arrow link button
- Rising Circle Fill
- Rising disc icon row
- Rising Fill Badge
- Rising Fill Button
- Rising tooltip icon button
- Rocking archive tint pill
- Rocking icon CTA
- Rolling cube label button
- Rotating backer button
- Rotating beam rim button
- Rotating face plate
- Rotating sky explore button
- Round lift action button
- Scanline sweep button
- Scattering glyph pill
- Scene reveal button
- Scribble Edit Chip
- Scroll cue button
- Scroll cue pill
- Scroll hint button
- Sealing frame button
- Segmented Toggle Row
- Send flight button
- Send flyaway bezel
- Settling Add Pill
- Settling shadow button
- Share fan button
- Share row lift
- Share target swap button
- Share tile row
- Share toggle chip
- Sheen scale button
- Sheen upload button
- Shifting frame button
- Shifting gradient pill
- Shimmer sweep button
- Shortcut chip button
- Shrink and emphasize button
- Shrink to icon button
- Shrinking cap icon row
- Sinking lip button
- Sketched outline button
- Skewed blade invert
- Skewed shutter button
- Skewed slab button
- Skewed slab press
- Skewed wipe button
- Skewed wipe reveal button
- Skewed wipe swap button
- Slab Lift Icon Button
- Slanted outline button
- Slanted shutter button
- Slide away destructive
- Slide out tabs button
- Slide under download button
- Sliding fill send pill
- Sliding label button
- Sliding panel button
- Sliding Pin Swap
- Sliding send button
- Snap back icon button
- Soft bloom fill button
- Soft inset press button
- Soft Pad Button
- Soft relief button
- Soft relief send button
- Spacebar Keycap
- Speaking glow button
- Speckled gradient button
- Specular edge button
- Spin Off Thanks
- Spinning square flood button
- Split curtain reveal button
- Split flap face button
- Split shutter reveal button
- Spotlight fill button
- Spring press button
- Spring reveal button
- Squaring backer button
- Squash key button
- Stacked plate press button
- Stacked ripple button
- Stacked shadow outline button
- Stacked shell sign in
- Stacked swap cart button
- Staged expand delete button
- Stair step shadow button
- Star count button
- Starfield glow button
- Steady fill button
- Stitched disc button
- Stitched rule link button
- Streak border button
- Suffix reveal button
- Sun moon morph toggle
- Swallowing Chip Button
- Layer swap button
- Sweep invert button
- Sweeping band button
- Swelling pill button
- Swelling pill add button
- Swipe fill press pill
- Theme toggle button
- Three layer push button
- Three weight button
- Ticker swap button
- Tide fill button
- Tilt pop button
- Tilted deck button
- Tilted perspective button
- Tilted plinth call to action
- Tilted Stack CTA
- Tilting Backer Tile
- Tilting Rocket Button
- Tilting send button
- Tinted disc swell button
- Tinted shadow buttons
- Tonal tint action button
- Tooltip tint icon row
- Toss to bin delete
- Tracing edge button
- Trailing arrows text button
- Translucent wash button
- Traveling border pill
- Traveling glow rim button
- Traveling underglow pill
- Travelling knob follow button
- Twin Bubble Rise
- Twin Sweep Tile
- Two bar close tile
- Two face flip button
- Two Tone Frame Pill
- Typewriter reveal button
- Underglow border button
- Underglow glitch button
- Underline flood button
- Underline sweep link
- Underline Wipe Link
- Unfurling chevron ring button
- Unrolling message pill
- Uppercase action button
- Warm band action button
- Wash swap pill
- Wheel hint scroll button
- Winged crest button
- Wipe fill button
- Left Wipe Button
- Left wipe button
- Word tumble button
Etiquetas
3d (16)accessible (4)accordion (9)action (3)actions (6)activity (5)add (7)admin (12)agent (12)alert (8)align (3)ambient (39)analytics (13)anchored (3)animated (82)animation (4)annotation (3)app shell (3)arc (4)arcs (3)area (12)area chart (4)arrow (32)audio (3)aurora (4)auth (11)authentication (12)auto height (4)autocomplete (4)avatar (10)avatars (3)axis (5)backdrop (18)backer (3)background (54)badge (21)band (6)banner (9)bar (16)bar chart (3)bars (6)beam (6)beams (5)bevel (12)bezel (3)billing (10)bin (3)blend (4)blob (4)blobs (3)bloom (10)blur (15)booking (9)bookmark (3)border (16)bounce (6)brackets (3)breadcrumb (4)breathing (3)broadcast (3)burst (7)busy (5)button (397)button group (5)buttons (4)calendar (32)call to action (11)callout (3)canvas (89)capsule (12)caption (8)card (35)cards (7)caret (5)carousel (11)cascade (3)category (3)cells (4)chain (3)characters (4)chart (59)chat (4)check (3)checkbox (13)checklist (7)checkmark (5)chevron (10)chip (22)chips (4)circle (9)circular (5)click (7)clip (9)clipboard (3)close (4)cloud (3)cluster (3)code (6)collapse (11)collapsible (6)collision (3)column (4)columns (3)combobox (4)command palette (3)commercial (10)compact (8)comparison (8)composer (4)concentric (4)confetti (4)confirm (24)confirmation (7)console (5)contact (3)context menu (4)controlled-state (18)copy (4)corner (6)corners (7)count (7)count-up (3)counter (18)crossfade (5)crosshair (6)cta (28)cue (4)cursor (26)curtain (7)curve (4)customer (13)cycle (6)dark (15)dark mode (4)dashboard (9)dashed (5)data (13)date picker (16)date range (13)deck (3)delay (5)delete (8)depth (32)destructive (9)destructive-action (4)device mockup (3)diagonal (13)diagram (3)dial (5)dialog (17)digits (5)direction (5)disc (5)disclosure (8)dismiss (6)displacement (3)distortion (5)divider (4)dock (4)donut (7)dots (15)download (10)drag (21)draw (3)drawer (10)drift (17)dropdown (18)dropdown menu (3)duration (3)easing (4)echo (3)edge (7)edge light (3)editor (3)elastic (8)elevation (6)ellipsis (3)email (3)emboss (4)emphasis (3)empty state (3)entrance (14)error state (3)events (3)exit (3)expand (23)explorer (3)fade (9)falling (3)falloff (4)fan (6)faq (4)feed (3)feedback (12)field (6)fill (46)film (3)filter (13)finance (10)flat (6)flat shadow (3)flight (3)flip (10)floating panel (4)flood (14)flow (5)fluid (3)flyout (3)focus (19)focus ring (5)focus trap (6)folder (5)follow (11)form (47)form-control (12)formatting (3)frame (19)gallery (15)game (3)gap (4)gauge (5)gesture (6)ghost (7)glare (3)glitch (9)glow (39)glyph (7)gradient (38)grain (10)gravity (3)grid (35)group (8)guide (3)hairline (8)halftone (4)halo (15)hamburger (4)hard shadow (6)heading (8)headline (19)hero (11)hexagon (3)highlight (22)hinge (4)hint (12)hold (6)horizon (3)horizontal (4)hover (251)hover card (10)hover reveal (3)icon (121)icon-button (23)icons (4)identity (3)indeterminate (4)indicator (9)inertia (4)initials (3)ink (4)inline (5)input (20)input group (3)inset (11)interactive (50)invert (26)italic (3)key (11)keyboard (20)keyboard navigation (6)keycap (10)knob (4)kpi (5)label (14)label reveal (3)label swap (9)labels (7)lag (4)lattice (4)launch (3)layered (9)layers (3)layout (18)ledge (6)legend (9)lens (4)letters (10)lift (19)light (22)lightbox (4)like (4)line (11)line chart (4)lines (8)link (11)link preview (7)liquid (7)list (13)live (3)loader (9)loading (27)log (3)login (10)loop (42)magnet (5)magnetic (3)magnify (3)map (4)marker (3)markers (6)marquee (8)mask (9)matrix (4)media (4)menu (23)merge (3)mesh (5)message (4)metal (10)meter (5)metric (10)metrics (5)minimal (10)modal (19)monospace (12)monthly (12)morph (14)motion (3)motion tuning (3)moulded (6)multi-select (4)nav (3)navbar (3)navigation (21)nested (7)neutral (4)night (4)noise (16)notification (3)notifications (4)nudge (4)number (11)odometer (5)offset (7)on-off (4)onboarding (3)one time code (5)options (5)orb (4)orbit (13)otp (3)outline (63)outlined (4)overflow (7)overlay (24)overshoot (3)page (18)palette (3)panel (31)panels (6)paper plane (4)paragraph (3)parallax (15)particles (18)paste (3)path (4)pattern (9)percentage (4)perimeter (3)perspective (20)photo (5)physics (5)picker (3)pie (7)pill (83)pill switch (4)pin (3)pinned (3)pixel (3)placeholder (4)plane (5)plate (9)play (4)playful (7)pointer (65)polar (8)pop (4)popover (17)post card (3)power (3)press (77)pressed (6)pricing (3)primitive (4)print (4)product (6)profile (8)progress (27)proportion (4)providers (4)pulse (17)queue (3)quiet (5)radar (9)radial (8)radio (4)radio group (8)raised (3)ramp (5)ranking (3)rays (4)readout (4)record (4)registration (3)relay (3)relief (6)remove (3)reorder (3)resize (4)restore (3)retro (4)retry (3)reveal (80)ribbon (6)rim (8)ring (25)rings (10)ripple (18)rise (3)roll (6)rotate (21)rotating text (4)rotation (6)round (5)rounded (3)row (11)rows (4)save (5)scale (20)scan (5)scatter (4)scheduler (3)scramble (5)screen (3)screenshot frame (3)scroll (38)scrub (5)search (8)section (4)sections (4)segmented (7)segmented control (12)select (5)selection (5)send (23)sequence (8)series (7)settings (21)shadow (28)shape (3)share (25)shared element (4)sheen (14)sheet (4)shell (3)shimmer (8)shine (5)shortcut (4)shuffle (3)shutter (5)sidebar (7)sign in (11)signal (8)signup (9)silhouette (3)sizes (4)skew (9)slab (6)slide (20)slider (10)sliding highlight (7)sliding indicator (3)snap (4)social (6)soft (6)space (5)spark (3)sparkline (3)spin (15)spinner (9)split (9)split-flap (3)split text (3)spotlight (7)spring (63)square (5)squash (4)stack (17)stacked (7)stagger (40)staircase (3)star (3)stars (6)stat (5)state (11)static (3)status (21)stepper (3)steps (3)sticker (4)sticky (4)streaks (3)strikethrough (3)stripes (5)stroke (6)submenu (9)submit (7)subtle (3)success (3)surface (5)svg (102)swap (12)sweep (40)swell (4)swipe (5)swirl (3)switch (16)tabs (22)tactile (26)tap (4)target (3)task (3)team (5)terminal (3)text (40)text button (3)text-effect (3)text field (4)text transition (3)textarea (4)texture (11)theme (3)theme toggle (4)thumbnail (4)ticker (5)tile (16)tiles (12)tilt (26)time (3)time range (3)time series (3)timeline (3)timer (3)timing (5)tint (5)toggle (65)toggle group (10)toolbar (25)tooltip (37)total (3)touch (3)trace (4)tracking (6)trail (20)transition (6)translucent (9)travel (6)tray (3)tree (3)trend (10)trigger (4)tunnel (4)twinkle (4)typewriter (9)typing (8)typography (18)underline (10)upload (5)uppercase (14)validation (5)value (3)values (4)variants (4)velocity (3)verification (8)video (4)viewport (6)voice (3)warp (6)wash (5)wave (13)waveform (3)waves (7)window (3)wipe (23)wireframe (3)wireless (3)wobble (6)word swap (3)words (3)workflow (18)workspace (36)wrapper (3)zoom (4)