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.

61 to 120 of 126Page 2 of 3

8bitcn-social-proof3

Motion

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

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

skeuomorphismcarousel

8bitcn-feature3

Motion

Harness screenshot of 8bitcn-feature3 at 768 pixels wide

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

skeuomorphismfeature-grid

8bitcn-sheet

Harness screenshot of 8bitcn-sheet at 768 pixels wide

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

skeuomorphismsheet

8bitcn-navigation-menu

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

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

skeuomorphismnavbar

8bitcn-dialog

Motion

Harness screenshot of 8bitcn-dialog at 768 pixels wide

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

skeuomorphismdialog

8bitcn-quest-log

Motion

Harness screenshot of 8bitcn-quest-log at 768 pixels wide

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

skeuomorphismaccordion

8bitcn-alert-dialog

Motion

Harness screenshot of 8bitcn-alert-dialog at 768 pixels wide

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

skeuomorphismdialog

8bitcn-hover-card

Motion

Harness screenshot of 8bitcn-hover-card at 768 pixels wide

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

skeuomorphismpopover

8bitcn-command

Harness screenshot of 8bitcn-command at 768 pixels wide

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

skeuomorphismcard

8bitcn-footer1

Motion

Harness screenshot of 8bitcn-footer1 at 768 pixels wide

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

skeuomorphismfooter

8bitcn-hero1

Harness screenshot of 8bitcn-hero1 at 768 pixels wide

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

skeuomorphismhero

8bitcn-game-cta1

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

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

skeuomorphismcta

8bitcn-drawer

Motion

Harness screenshot of 8bitcn-drawer at 768 pixels wide

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

skeuomorphismsheet

8bitcn-popover

Harness screenshot of 8bitcn-popover at 768 pixels wide

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

skeuomorphismpopover

8bitcn-not-found1

Harness screenshot of 8bitcn-not-found1 at 768 pixels wide

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

skeuomorphismcard

8bitcn-not-found2

Harness screenshot of 8bitcn-not-found2 at 768 pixels wide

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

skeuomorphismcard

8bitcn-not-found-brick-breaker

Harness screenshot of 8bitcn-not-found-brick-breaker at 768 pixels wide

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

skeuomorphismform

8bitcn-not-found3

Harness screenshot of 8bitcn-not-found3 at 768 pixels wide

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

skeuomorphismcard

8bitcn-portal-transition

Harness screenshot of 8bitcn-portal-transition at 768 pixels wide

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

skeuomorphismcta

8bitcn-not-found-crate-pusher

Harness screenshot of 8bitcn-not-found-crate-pusher at 768 pixels wide

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

skeuomorphismcard

8bitcn-menubar

Harness screenshot of 8bitcn-menubar at 768 pixels wide

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

skeuomorphismcard

8bitcn-context-menu

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

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

skeuomorphismdropdown

8bitcn-dropdown-menu

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

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

skeuomorphismdropdown

8bitcn-theme-selector

Harness screenshot of 8bitcn-theme-selector at 768 pixels wide

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

skeuomorphismselect

magicui-comic-text

Motion

Harness screenshot of magicui-comic-text at 768 pixels wide

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

skeuomorphismtext-effect

magicui-terminal

Harness screenshot of magicui-terminal at 768 pixels wide

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

skeuomorphismcard

8bitcn-date-picker

Harness screenshot of 8bitcn-date-picker at 768 pixels wide

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

skeuomorphismcalendar

8bitcn-chart

Harness screenshot of 8bitcn-chart at 768 pixels wide

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

skeuomorphismchart

8bitcn-chart-area-step

Harness screenshot of 8bitcn-chart-area-step at 768 pixels wide

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

skeuomorphismchart

8bitcn-chart-bar

Harness screenshot of 8bitcn-chart-bar at 768 pixels wide

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

skeuomorphismchart

8bitcn-kbd

Harness screenshot of 8bitcn-kbd at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 29.1KB
Bare: pass
Prov: NO

skeuomorphismcard

8bitcn-scroll-area

Motion

Harness screenshot of 8bitcn-scroll-area at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 36.8KB
Bare: pass
Prov: NO

skeuomorphismscroll-effect

8bitcn-health-bar

Harness screenshot of 8bitcn-health-bar at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 29.7KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-input

Harness screenshot of 8bitcn-input at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 29.7KB
Bare: fail
Prov: NO

skeuomorphisminput

8bitcn-mana-bar

Harness screenshot of 8bitcn-mana-bar at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 29.7KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-textarea

Harness screenshot of 8bitcn-textarea at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 29.7KB
Bare: fail
Prov: NO

skeuomorphismtextarea

8bitcn-progress

Motion

Harness screenshot of 8bitcn-progress at 768 pixels wide

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

skeuomorphismprogress

8bitcn-chapter-intro

Harness screenshot of 8bitcn-chapter-intro at 768 pixels wide

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

skeuomorphismbackground-effect

8bitcn-enemy-health-display

Harness screenshot of 8bitcn-enemy-health-display at 768 pixels wide

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

skeuomorphismcard

8bitcn-button

Harness screenshot of 8bitcn-button at 768 pixels wide

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

skeuomorphismbutton

8bitcn-combo-box

Harness screenshot of 8bitcn-combo-box at 768 pixels wide

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

skeuomorphismcard

8bitcn-game-progress

Motion

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

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

skeuomorphismprogress

8bitcn-xp-bar

Motion

Harness screenshot of 8bitcn-xp-bar at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 33.0KB
Bare: fail
Prov: NO

skeuomorphismtransition-effect

8bitcn-advanced2

Motion

Harness screenshot of 8bitcn-advanced2 at 768 pixels wide

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

skeuomorphismfeature-grid

8bitcn-input-otp

Harness screenshot of 8bitcn-input-otp at 768 pixels wide

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

skeuomorphisminput

8bitcn-switch

Harness screenshot of 8bitcn-switch at 768 pixels wide

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

skeuomorphismswitch

8bitcn-game-features1

Motion

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

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

skeuomorphismfeature-grid

8bitcn-checkbox

Harness screenshot of 8bitcn-checkbox at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 35.8KB
Bare: fail
Prov: NO

skeuomorphismcheckbox

8bitcn-save-slots

Harness screenshot of 8bitcn-save-slots at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 35.8KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-slider

Motion

Harness screenshot of 8bitcn-slider at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 35.9KB
Bare: fail
Prov: NO

skeuomorphismslider

8bitcn-player-profile-card

Renders: YES
A11y: 1
Gzip: 36.3KB
Bare: fail
Prov: NO

skeuomorphismteam

8bitcn-game-team1

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

Renders: YES
A11y: 1
Gzip: 36.7KB
Bare: fail
Prov: NO

skeuomorphismavatar

8bitcn-character-sheet

Harness screenshot of 8bitcn-character-sheet at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 37.8KB
Bare: fail
Prov: NO

skeuomorphismstats

8bitcn-friend-list

Harness screenshot of 8bitcn-friend-list at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 40.5KB
Bare: fail
Prov: NO

skeuomorphismteam

8bitcn-game-faq1

Motion

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

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

skeuomorphismfaq

8bitcn-audio-settings

Harness screenshot of 8bitcn-audio-settings at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 41.7KB
Bare: fail
Prov: NO

skeuomorphismform

8bitcn-duel-block

Harness screenshot of 8bitcn-duel-block at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 42.8KB
Bare: fail
Prov: NO

skeuomorphismcard

8bitcn-hero2

Harness screenshot of 8bitcn-hero2 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 51.3KB
Bare: fail
Prov: NO

skeuomorphismhero

8bitcn-hero3

Harness screenshot of 8bitcn-hero3 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 51.8KB
Bare: fail
Prov: NO

skeuomorphismhero

8bitcn-game-hero1

Motion

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

Renders: YES
A11y: 1
Gzip: 53.3KB
Bare: fail
Prov: NO

skeuomorphismhero