Inspect three sections.
Keep one free sample.
These previews use the same HTML fragments and compiled Tailwind CSS 3.4.17 as the paid bundle. Fictional product content illustrates the layouts. Buttons inside the examples are disabled; connect your own application behavior.
See the Hero in a page with its own styles, including a long-heading and task-name example.
01 / Workspace hero
A split hero with a fictional project board. Resize the page to inspect its responsive layout.
Use the Hero: download split-hero.html and upload that one file. CSS and MIT notices are inside; no scripts or external assets are required. Embed it in an iframe to keep its Tailwind resets separate from your page. The board is fictional and the disabled CTA needs your own application behavior.
04 / Feature bento
A feature section with distinct card sizes and clear content hierarchy.
Use the bento: this complete sample contains its CSS. An iframe isolates the global resets; direct insertion into an existing page needs your own Tailwind 3.4 build. The cards illustrate fictional capabilities. Replace them with your product facts; no service or integrations run.
06 / Process steps
A three-step process section for explaining what happens next.
Use the steps: this complete sample contains its CSS. Embed it for style isolation or use the fragment in your own Tailwind 3.4 build. The steps describe an illustrative process; replace the copy with what your product actually does.
Use the free hero in your project.
The downloaded HTML includes CSS and full MIT notices so you can open it offline. Keep those notices when you reuse the code. Copy only the section into your own Tailwind 3.4 project; adding the standalone sample's entire stylesheet to a host page can change existing headings, buttons and borders.
<iframe src="./split-hero.html" title="Static workspace Hero" style="display:block;width:100%;height:920px;border:0"></iframe>Set the frame height for your content and widths. It does not resize automatically. For React, convert HTML to JSX and use your own event handlers.
The $9.99 bundle adds all 25 fragments, 25 complete standalone HTML files, a searchable offline gallery, per-section integration instructions, source/build files and usage documentation.