Style hub

skeuomorphism components

126 published entries carry the skeuomorphism label. They cost 41.0 KB gzipped on average against 54.1 KB across the index, which is 13.1 KB less per component. They record 0.3 axe findings per entry against 0.5 across the index, 0.2 fewer. 123 of them mount, 93 scan clean, and 9 survive the bare install with the shadcn-style helpers removed.

126Entries in this style

41.0Average gzip

0.3Average axe findings

9Pass bare install

Filter the 60 entries on this page

60 shown

This box narrows the cards already on the page. To search the whole index, open a style or pattern hub below.

1 to 60 of 126Page 1 of 3

magicui-android

Harness screenshot of magicui-android at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.8KB
Bare: pass
Prov: NO

skeuomorphismimage

magicui-iphone

Harness screenshot of magicui-iphone at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 18.5KB
Bare: pass
Prov: NO

skeuomorphismimage

magicui-safari

Harness screenshot of magicui-safari at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 20.8KB
Bare: pass
Prov: NO

skeuomorphismimage

magicui-highlighter

Motion

Harness screenshot of magicui-highlighter at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 24.8KB
Bare: pass
Prov: NO

skeuomorphismtext-effect

8bitcn-skeleton

Harness screenshot of 8bitcn-skeleton at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.3KB
Bare: pass
Prov: NO

skeuomorphismskeleton

8bitcn-toast

Harness screenshot of 8bitcn-toast at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.8KB
Bare: pass
Prov: NO

skeuomorphismalert

8bitcn-collapsible

Harness screenshot of 8bitcn-collapsible at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.3KB
Bare: pass
Prov: NO

skeuomorphismaccordion

magicui-noise-texture

Harness screenshot of magicui-noise-texture at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 26.3KB
Bare: fail
Prov: NO

skeuomorphismbackground-effect

8bitcn-timeline2

Motion

Harness screenshot of 8bitcn-timeline2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 26.7KB
Bare: fail
Prov: NO

skeuomorphismprogress

8bitcn-separator

Harness screenshot of 8bitcn-separator at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 28.4KB
Bare: fail
Prov: NO

skeuomorphismcard

magicui-animated-theme-toggler

Motion

Harness screenshot of magicui-animated-theme-toggler at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 28.4KB
Bare: fail
Prov: NO

skeuomorphismbutton

8bitcn-social-proof1

Harness screenshot of 8bitcn-social-proof1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 28.6KB
Bare: fail
Prov: NO

skeuomorphismstats

8bitcn-card

Harness screenshot of 8bitcn-card at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.8KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-table

Harness screenshot of 8bitcn-table at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 29.9KB
Bare: fail
Prov: NO

skeuomorphismtable

8bitcn-advanced1

Harness screenshot of 8bitcn-advanced1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.0KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-alert

Harness screenshot of 8bitcn-alert at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.0KB
Bare: fail
Prov: NO

skeuomorphismswitch

8bitcn-cta1

Harness screenshot of 8bitcn-cta1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.0KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

8bitcn-spinner

Motion

Harness screenshot of 8bitcn-spinner at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.0KB
Bare: fail
Prov: NO

skeuomorphismloader

8bitcn-faq2

Harness screenshot of 8bitcn-faq2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.2KB
Bare: fail
Prov: NO

skeuomorphismfaq

magicui-retro-grid

Motion

Harness screenshot of magicui-retro-grid at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.3KB
Bare: fail
Prov: NO

skeuomorphismbackground-effect

8bitcn-avatar

Renders: YES
A11y: 0
Gzip: 30.5KB
Bare: fail
Prov: NO

skeuomorphismavatar

8bitcn-profile-card

Renders: YES
A11y: 0
Gzip: 30.7KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-label

Harness screenshot of 8bitcn-label at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 31.1KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-badge

Harness screenshot of 8bitcn-badge at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 31.3KB
Bare: fail
Prov: NO

skeuomorphismbadge

8bitcn-button-group

Harness screenshot of 8bitcn-button-group at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 31.9KB
Bare: fail
Prov: NO

skeuomorphismbutton

8bitcn-timeline1

Harness screenshot of 8bitcn-timeline1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.1KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-pagination

Harness screenshot of 8bitcn-pagination at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.2KB
Bare: fail
Prov: NO

skeuomorphismnavbar

8bitcn-main-menu

Harness screenshot of 8bitcn-main-menu at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.3KB
Bare: fail
Prov: NO

skeuomorphismnavbar

8bitcn-breadcrumb

Harness screenshot of 8bitcn-breadcrumb at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.5KB
Bare: fail
Prov: NO

skeuomorphismbreadcrumb

8bitcn-social-proof2

Harness screenshot of 8bitcn-social-proof2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.5KB
Bare: fail
Prov: NO

skeuomorphismtestimonials

8bitcn-difficulty-select

Harness screenshot of 8bitcn-difficulty-select at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.7KB
Bare: fail
Prov: NO

skeuomorphismselect

8bitcn-feature1

Harness screenshot of 8bitcn-feature1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.7KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

8bitcn-game-over

Harness screenshot of 8bitcn-game-over at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.7KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-toggle

Harness screenshot of 8bitcn-toggle at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.7KB
Bare: fail
Prov: NO

skeuomorphismswitch

8bitcn-timeline3

Harness screenshot of 8bitcn-timeline3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.8KB
Bare: fail
Prov: NO

skeuomorphismglobe-viz

8bitcn-feature2

Harness screenshot of 8bitcn-feature2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.9KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

8bitcn-game-roadmap1

Harness screenshot of 8bitcn-game-roadmap1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.9KB
Bare: fail
Prov: NO

skeuomorphismbadge

8bitcn-login-form

Harness screenshot of 8bitcn-login-form at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.2KB
Bare: fail
Prov: NO

skeuomorphismauth-form

8bitcn-team2

Harness screenshot of 8bitcn-team2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.2KB
Bare: fail
Prov: NO

skeuomorphismteam

8bitcn-advanced3

Harness screenshot of 8bitcn-advanced3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.3KB
Bare: fail
Prov: NO

skeuomorphismauth-form

8bitcn-retro-mode-switcher

Harness screenshot of 8bitcn-retro-mode-switcher at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.3KB
Bare: fail
Prov: NO

skeuomorphismswitch

8bitcn-pause-menu

Harness screenshot of 8bitcn-pause-menu at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.4KB
Bare: fail
Prov: NO

skeuomorphismnavbar

8bitcn-cta2

Harness screenshot of 8bitcn-cta2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.5KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-team3

Harness screenshot of 8bitcn-team3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 33.5KB
Bare: fail
Prov: NO

skeuomorphismteam

8bitcn-dialogue

Motion

Harness screenshot of 8bitcn-dialogue at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.2KB
Bare: fail
Prov: NO

skeuomorphismdialog

8bitcn-login-form-2

Harness screenshot of 8bitcn-login-form-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.2KB
Bare: fail
Prov: NO

skeuomorphismauth-form

8bitcn-pricing1

Harness screenshot of 8bitcn-pricing1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.4KB
Bare: fail
Prov: NO

skeuomorphismpricing

8bitcn-pricing2

Harness screenshot of 8bitcn-pricing2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.7KB
Bare: fail
Prov: NO

skeuomorphismpricing

8bitcn-login-form-with-image

Harness screenshot of 8bitcn-login-form-with-image at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 35.0KB
Bare: fail
Prov: NO

skeuomorphismauth-form

8bitcn-team1

Harness screenshot of 8bitcn-team1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 35.0KB
Bare: fail
Prov: NO

skeuomorphismteam

8bitcn-leaderboard

Harness screenshot of 8bitcn-leaderboard at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 36.5KB
Bare: fail
Prov: NO

skeuomorphismtable

8bitcn-accordion

Motion

Harness screenshot of 8bitcn-accordion at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 39.0KB
Bare: fail
Prov: NO

skeuomorphismaccordion

8bitcn-faq1

Motion

Harness screenshot of 8bitcn-faq1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 39.5KB
Bare: fail
Prov: NO

skeuomorphismfaq

8bitcn-tabs

Motion

Harness screenshot of 8bitcn-tabs at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 40.1KB
Bare: fail
Prov: NO

skeuomorphismtabs

8bitcn-radio-group

Harness screenshot of 8bitcn-radio-group at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 40.3KB
Bare: fail
Prov: NO

skeuomorphismradio-group

8bitcn-faq3

Harness screenshot of 8bitcn-faq3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 40.6KB
Bare: fail
Prov: NO

skeuomorphismfaq

8bitcn-resizable

Harness screenshot of 8bitcn-resizable at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 40.8KB
Bare: fail
Prov: NO

skeuomorphismsheet

8bitcn-victory-screen

Harness screenshot of 8bitcn-victory-screen at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 40.8KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-login-page

Harness screenshot of 8bitcn-login-page at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 41.0KB
Bare: fail
Prov: NO

skeuomorphismauth-form

8bitcn-carousel

Motion

Harness screenshot of 8bitcn-carousel at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 41.3KB
Bare: fail
Prov: NO

skeuomorphismcarousel