Hero Heading
Subtitle
Eyebrow
Text Single Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
eyebrow
Feature CTA Block
Card Grid Block
Eyebrow
Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Eyebrow
Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Eyebrow
Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Eyebrow
Text + Image Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat!
Eyebrow
Text + Image Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat!
Eyebrow
Text + Image Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat!
Dynamic Text Block
Multi-Column Text Layout
A versatile block for text-heavy sections with one, two, or three column layouts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Accordion Block
Frequently Asked Questions
What is this accordion block?
This is a native details/summary accordion built with smooth CSS transitions. Each item can be expanded and collapsed independently. It uses no JavaScript frameworks — just vanilla JS for the height animation.
How does it handle accessibility?
The accordion uses native HTML details and summary elements, which provide built-in keyboard navigation and screen reader support. The expand/collapse state is communicated automatically to assistive technologies.
Can I customize the color scheme?
Yes, the accordion supports light and dark color schemes via the block inspector. The scheme applies background and text colors using CSS custom properties from theme.json.
Is it mobile responsive?
Absolutely. The accordion collapses to a single column on mobile with appropriate padding and touch-friendly tap targets. The smooth animation works equally well on touch devices.
Post Grid Block
Latest Posts
A dynamic block that pulls posts at render time with AJAX-powered taxonomy filtering.
Alias dolores quam aut laboriosam
Voluptatem eum veniam ut reiciendis fugit hic natus. Quam voluptas labore quidem non. Quia quis delectus ut voluptatem Laborum minus nam qui ut Voluptatem totam ratione est nostrum veritatis Dolore minima atque Ab sint minus aut maiores Quos veniam distinctio voluptatem doloremque. Facilis explicabo possimus nostrum nobis sequi. Est et exercitationem dolor blanditiis Debitis qui […]
Aut natus officia voluptatum qui quis eos est
Minima aliquid non sit voluptatum ipsum aut. Nihil fugit pariatur velit rem alias. Fugiat pariatur est cum commodi adipisci Saepe porro unde perspiciatis qui Est porro Quia autem voluptate Aut aut perspiciatis odio Odit qui aspernatur ad Necessitatibus doloribus aut dolore Deserunt ut officiis velit et ut ipsum et velit. Ipsa cupiditate harum non impedit […]
Consequatur eaque esse non velit debitis a
Beatae magni nobis eum saepe maiores quisquam. Deserunt sapiente omnis incidunt eos. Rerum possimus ipsam consequatur rerum eum Repudiandae voluptas accusantium odio In odit ut non eligendi Atque enim odio totam Sed quisquam aspernatur est dignissimos Totam molestiae voluptatem molestiae quos sapiente Accusantium omnis rerum molestiae inventore odio quas Eum cum vel consectetur Illo veritatis […]
Debitis distinctio nobis eos
Voluptatibus quaerat provident molestiae accusamus ipsum ipsa animi est nobis ut ut maiores odio eum quia beatae non id nobis ut enim tenetur qui molestias eveniet voluptas fuga vel nobis incidunt ut error sunt et aut numquam velit veniam quis quae dolor qui delectus veritatis quia molestiae a perferendis sapiente dolores autem repudiandae eos aperiam.
Dicta perspiciatis perspiciatis maiores
Quos et dolor asperiores rerum quis quia et asperiores excepturi dignissimos facere amet iure doloribus et nesciunt culpa laudantium animi veritatis aliquid mollitia dolorum adipisci nihil delectus enim et consequatur totam reiciendis inventore tempora asperiores aut aut exercitationem aut.
Et accusamus commodi beatae eos quia
Exercitationem est quas esse est rem odit ut accusamus voluptates placeat temporibus consequatur rem dolor cupiditate alias in quae est accusamus fuga beatae atque commodi eos totam repudiandae suscipit est nesciunt commodi in mollitia dolores excepturi sit sequi temporibus. Et dolor quis consectetur architecto corrupti non placeat quod veniam deserunt ea odit ducimus animi optio nulla aspernatur itaque vero aut magni debitis unde itaque et non dolorum possimus non doloremque sit odio aut facere nesciunt numquam. Sit voluptatem tempore dolore incidunt qui natus enim quia non dolor eum molestiae dolorem vel magnam temporibus quam occaecati repellat quo sit perferendis ut assumenda vitae eos et natus rerum sit. Quidem ipsam perspiciatis officiis repudiandae quaerat sunt tempora dolorem quo ullam nobis nam perferendis quo suscipit delectus occaecati atque ea rem fugit quis doloremque iusto nihil perspiciatis non animi neque et est consequuntur nulla facilis et.