694 icons
Figma & React libraries
18 production-ready layouts. Click any component to view and copy the code.
Auto-scrolling horizontal strip of icons. Smooth infinite loop with faded edges. Perfect for landing pages and 'Powered by' sections.
Two rows scrolling in opposite directions. Row 1 goes left, row 2 goes right — a popular pattern on SaaS landing pages.
Continuous vertical scroll — icons flow upward in a column. Works great in sidebars or as a decorative accent column.
Icons render in grayscale by default and reveal their brand colors on hover. A subtle, elegant effect for portfolios and tech stack sections.
Each icon card glows with an indigo halo and a tinted background on hover. Adds life to otherwise flat icon grids.
Icons scale up with a slight background change on hover. Simple, satisfying, and works with any icon set.
Icons flip to reveal their name on the back with a 3D card rotation. Great for tech stack showcases where the name context matters.
Clean, responsive icon grid. The most versatile layout — works on any page. Adjust columns with grid-cols-* to fit your design.
Icon grid where each cell shows the technology name below the icon. Ideal for 'Skills' or 'Tech stack' sections on portfolios.
Frontend
Backend
DevOps
Icons organised into labelled sections: Frontend, Backend, DevOps. Makes a large tech stack scannable at a glance.
Asymmetric CSS grid with one large feature cell, a medium duo cell, and smaller single-icon cells. On-trend bento style.
Icons animate in from below with a cascading delay. Each icon waits its turn — great for scroll-triggered tech stack reveals.
Each icon gently floats up and down with a staggered phase offset, creating an organic, lively feel. Decorative and eye-catching.
Tech Stack
A curated set of tools I use to ship fast, scalable products.
A complete 'What I build with' section — headline, subtitle, and an icon grid with labels. Drop it straight into any portfolio page.
Inline pill badges combining an icon and a label. Perfect for project descriptions, README-style pages, and 'Built with' footers.
Hovering any icon reveals a named tooltip above it. Clean and accessible — use when you want labels without cluttering the layout.
Real-time analytics platform with role-based access.
High-throughput REST API serving 50k+ requests/day.
Project card with title, description, category tags, and a tech stack row. Plug into any portfolio or case study grid.
Icons arranged in a perfect circle around a central 'hero' icon. Great as a visual centrepiece for a hero section or an 'about' page.