Style hub

dark-futuristic components

118 published entries carry the dark-futuristic label. They cost 57.7 KB gzipped on average against 54.1 KB across the index, which is 3.6 KB more per component. They record 0.7 axe findings per entry against 0.5 across the index, 0.2 more. 117 of them mount, 67 scan clean, and 29 survive the bare install with the shadcn-style helpers removed.

118Entries in this style

57.7Average gzip

0.7Average axe findings

29Pass bare install

Filter the 58 entries on this page

58 shown

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

61 to 118 of 118Page 2 of 2

motion-primitives-scroll-progress

Motion

Harness screenshot of motion-primitives-scroll-progress at 768 pixels wide

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

dark-futuristicscroll-effect

kokonut-card-stack

Motion

Harness screenshot of kokonut-card-stack at 768 pixels wide

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

dark-futuristiccard

tailark-dusk-logo-cloud-4

Motion

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

dark-futuristiclogo-wall

tailark-dusk-logo-cloud-2

Motion

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

dark-futuristiclogo-wall

kokonut-profile-dropdown

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

dark-futuristicdropdown

kokonut-smooth-drawer

Motion

Harness screenshot of kokonut-smooth-drawer at 768 pixels wide

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

dark-futuristicsheet

tailark-dusk-stats-2

Harness screenshot of tailark-dusk-stats-2 at 768 pixels wide

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

dark-futuristicstats

tailark-dusk-stats-1

Harness screenshot of tailark-dusk-stats-1 at 768 pixels wide

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

dark-futuristicstats

kokonut-ai-loading

Motion

Harness screenshot of kokonut-ai-loading at 768 pixels wide

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

dark-futuristicloader

tailark-dusk-team-2

Harness screenshot of tailark-dusk-team-2 at 768 pixels wide

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

dark-futuristicteam

kokonut-ai-voice

Motion

Harness screenshot of kokonut-ai-voice at 768 pixels wide

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

dark-futuristiccard

tailark-dusk-features-4

Harness screenshot of tailark-dusk-features-4 at 768 pixels wide

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

dark-futuristicfeature-grid

kokonut-dynamic-text

Motion

Harness screenshot of kokonut-dynamic-text at 768 pixels wide

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

dark-futuristicswitch

kokonut-team-selector

Motion

Harness screenshot of kokonut-team-selector at 768 pixels wide

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

dark-futuristicteam

tailark-dusk-features-7

Harness screenshot of tailark-dusk-features-7 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-content-4

Harness screenshot of tailark-dusk-content-4 at 768 pixels wide

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

dark-futuristiccard

tailark-dusk-content-2

Harness screenshot of tailark-dusk-content-2 at 768 pixels wide

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

dark-futuristiccard

uilayouts-hovercard4

Motion

Harness screenshot of uilayouts-hovercard4 at 768 pixels wide

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

dark-futuristichover-effect

tailark-dusk-features-6

Harness screenshot of tailark-dusk-features-6 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-content-3

Harness screenshot of tailark-dusk-content-3 at 768 pixels wide

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

dark-futuristiccard

magicui-interactive-hover-button

Motion

Harness screenshot of magicui-interactive-hover-button at 768 pixels wide

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

dark-futuristicbutton

eldora-font-weight-text

Motion

Harness screenshot of eldora-font-weight-text at 768 pixels wide

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

dark-futuristictext-effect

tailark-dusk-features-1

Harness screenshot of tailark-dusk-features-1 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-features-2

Harness screenshot of tailark-dusk-features-2 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-testimonials-1

Harness screenshot of tailark-dusk-testimonials-1 at 768 pixels wide

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

dark-futuristictestimonials

tailark-dusk-features-3

Harness screenshot of tailark-dusk-features-3 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-features-5

Harness screenshot of tailark-dusk-features-5 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-pricing-1

Harness screenshot of tailark-dusk-pricing-1 at 768 pixels wide

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

dark-futuristicpricing

tailark-dusk-pricing-2

Harness screenshot of tailark-dusk-pricing-2 at 768 pixels wide

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

dark-futuristicpricing

tailark-dusk-footer-1

Harness screenshot of tailark-dusk-footer-1 at 768 pixels wide

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

dark-futuristicfooter

tailark-dusk-integrations-1

Harness screenshot of tailark-dusk-integrations-1 at 768 pixels wide

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

dark-futuristicfeature-grid

tailark-dusk-team-1

Harness screenshot of tailark-dusk-team-1 at 768 pixels wide

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

dark-futuristicteam

tailark-dusk-content-1

Harness screenshot of tailark-dusk-content-1 at 768 pixels wide

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

dark-futuristiccard

tailark-dusk-faqs-1

Harness screenshot of tailark-dusk-faqs-1 at 768 pixels wide

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

dark-futuristicfaq

animata-cycle-text

Motion

Harness screenshot of animata-cycle-text at 768 pixels wide

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

dark-futuristictext-effect

kokonut-apple-activity-card

Motion

Harness screenshot of kokonut-apple-activity-card at 768 pixels wide

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

dark-futuristiccard

kokonut-ai-input-search

Motion

Harness screenshot of kokonut-ai-input-search at 768 pixels wide

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

dark-futuristicinput

kokonut-hold-button

Motion

Harness screenshot of kokonut-hold-button at 768 pixels wide

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

dark-futuristicbutton

kokonut-particle-button

Motion

Harness screenshot of kokonut-particle-button at 768 pixels wide

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

dark-futuristicbutton

kokonut-avatar-picker

Motion

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

dark-futuristicavatar

tailark-dusk-testimonials-2

Harness screenshot of tailark-dusk-testimonials-2 at 768 pixels wide

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

dark-futuristictestimonials

kokonut-bento-grid

Motion

Harness screenshot of kokonut-bento-grid at 768 pixels wide

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

dark-futuristicfeature-grid

kokonut-ai-prompt

Motion

Harness screenshot of kokonut-ai-prompt at 768 pixels wide

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

dark-futuristicchat

kokonut-scroll-text

Motion

Harness screenshot of kokonut-scroll-text at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 69.9KB
Bare: fail
Prov: NO

dark-futuristicscroll-effect

kokonut-smooth-tab

Motion

Harness screenshot of kokonut-smooth-tab at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 70.1KB
Bare: fail
Prov: NO

dark-futuristicswitch

kokonut-toolbar

Motion

Harness screenshot of kokonut-toolbar at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 74.0KB
Bare: fail
Prov: NO

dark-futuristiccard

kokonut-currency-transfer

Motion

Harness screenshot of kokonut-currency-transfer at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 91.1KB
Bare: fail
Prov: NO

dark-futuristictransition-effect

cultui-hero-dithering

Motion

Harness screenshot of cultui-hero-dithering at 768 pixels wide

Renders: YES
A11y: 3
Gzip: 41.6KB
Bare: fail
Prov: NO

dark-futuristichero-effect

tailark-dusk-hero-section-8

Harness screenshot of tailark-dusk-hero-section-8 at 768 pixels wide

Renders: YES
A11y: 3
Gzip: 65.8KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-2

Harness screenshot of tailark-dusk-hero-section-2 at 768 pixels wide

Renders: YES
A11y: 3
Gzip: 115.3KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-4

Harness screenshot of tailark-dusk-hero-section-4 at 768 pixels wide

Renders: YES
A11y: 3
Gzip: 115.5KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-3

Harness screenshot of tailark-dusk-hero-section-3 at 768 pixels wide

Renders: YES
A11y: 4
Gzip: 68.8KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-7

Harness screenshot of tailark-dusk-hero-section-7 at 768 pixels wide

Renders: YES
A11y: 4
Gzip: 115.0KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-10

Harness screenshot of tailark-dusk-hero-section-10 at 768 pixels wide

Renders: YES
A11y: 4
Gzip: 115.2KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-9

Harness screenshot of tailark-dusk-hero-section-9 at 768 pixels wide

Renders: YES
A11y: 4
Gzip: 115.6KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-6

Harness screenshot of tailark-dusk-hero-section-6 at 768 pixels wide

Renders: YES
A11y: 4
Gzip: 115.8KB
Bare: fail
Prov: NO

dark-futuristichero

tailark-dusk-hero-section-1

Harness screenshot of tailark-dusk-hero-section-1 at 768 pixels wide

Renders: YES
A11y: 5
Gzip: 76.3KB
Bare: fail
Prov: NO

dark-futuristichero

kokonut-beams-background

Motion

Harness screenshot of kokonut-beams-background at 768 pixels wide

Renders: NO
A11y: 0
Gzip: 67.7KB
Bare: fail
Prov: NO

dark-futuristicbackground-effectdo not use