Skip to content

FAQ, Tabs & Accordion

12 pieces in four styles. Preview each one live, then copy the prompt that puts it in your project.

  • 4 blocks
  • 8 components
  • 4 styles, light and dark

Neo-Brutal

A printed poster that behaves like software: warm paper, ink outlines and hard shadows that press.

Neo-Brutal Faq

Marketing FAQ on the native Accordion (details) between 2 px rules: questions in the display face at lead size, the toggle key that sinks, turns volt and turns its plus into a × when open, optional "Q.01" mono numbers (aria-hidden), one open at a time with exclusive.

Neo-Brutal Accordion

Native <details> rows between 2 px rules: works without JavaScript, and closed text stays findable with the browser's find.

Neo-Brutal Tabs

A tab list with panels, built from items (APG tabs, automatic activation): arrows move and select, Home and End jump, disabled tabs are skipped. underline is the kit's folder tabs: the selected tab is a card-white folder sitting on the 2 px rule, joined to its outlined panel; folders switch at once and the panel rises in. pill is the segmented look with a sliding card thumb.

Noir Aurora

A night canvas lit by one northern-lights curtain, with hairline cards and moonlight headlines.

Noir Aurora Faq

Marketing FAQ on the native Accordion (details): large questions on hairlines, optional Q.01 numbers in mono aurora (aria-hidden), one open at a time with exclusive.

Noir Aurora Accordion

Native <details> items on hairlines: works without JavaScript, and closed text stays findable with the browser's find. exclusive keeps one item open (native details name).

Noir Aurora Tabs

A tab list with panels, built from items (APG tabs, automatic activation): arrows move and select, Home and End jump, disabled tabs are skipped. underline: an aurora indicator springs under the selected tab; pill: a lit thumb in a quiet well.

Soft Bento

Moulded objects on a warm oat canvas: soft tiles, rounded keys and a calm bento rhythm.

Soft Bento Faq

Marketing FAQ on the native Accordion (details): separate rounded cards (the open one raised clay with a blue icon well), optional Q.01 numbers (aria-hidden), one open at a time with exclusive.

Soft Bento Accordion

Native <details> items: works without JavaScript, and closed text stays findable with the browser's find. exclusive keeps one item open (native details name).

Soft Bento Tabs

A tab list with panels, built from items (APG tabs, automatic activation): arrows move and select, Home and End jump, disabled tabs are skipped. underline slides a blue indicator under the selected tab; pill is a pressed track whose white clay thumb springs to the picked tab; on phones the list scrolls sideways with an edge fade.

Swiss Tech Mono

A page that prints its own measured grid: paper, white tiles, ink and one signal red.

Swiss Tech Mono Faq

Marketing FAQ on the native Accordion (details) between rules: large questions, optional Q.01 numbers (aria-hidden), a square plus box that turns into an ink minus, one open at a time with exclusive.

Swiss Tech Mono Accordion

Native <details> items: works without JavaScript, and closed text stays findable with the browser's find. exclusive keeps one item open (native details name).

Swiss Tech Mono Tabs

A tab list with panels, built from items (APG tabs, automatic activation): arrows move and select, Home and End jump, disabled tabs are skipped.

Preview everything. Take three a day, free.

A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.