Tools Marquee
A static wrap strip of twelve tool chips each showing a name and a one-word category, giving an at-a-glance view of the full toolkit.
A static wrap strip of twelve tool chips each showing a name and a one-word category, giving an at-a-glance view of the full toolkit.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Tools Marquee lays twelve tool labels in a single scannable strip inside a rounded border: Figma, React, TypeScript, Tailwind CSS, Storybook, Framer Motion, Notion, Linear, VS Code, GitHub, Vercel, and Loom. Each chip shows the tool name and a one-word category in muted text. The heading is The toolkit. No ranking, no bar, no sentence per tool.
Tools are one array of twelve objects. The static wrap layout is the distinctive choice: a flat strip reads faster than a grid and signals breadth without claiming depth on any single entry.
Reach for this block as a lightweight complement to a deeper skills block, or as the sole tools mention on a homepage where space is short. The installer swaps the twelve entries and category labels for their actual stack, adding or removing items freely.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the at-a-glance toolkit for a designer-developer. Other strip uses:
Tip: the category label does the grouping work without needing headers; keep categories to one word so the strip stays airy.