Free Β· React + Tailwind Β· MIT

Swiss / International UI components

Swiss (International Typographic) style is built on rigorous grids, sans-serif type, and objective clarity. These free React and Tailwind components bring that timeless order to modern UI.

Browse components β†’Free generators

Swiss / International components

Monthly revenue
$48.2k
β–² 12.5%
PRO
$24/mo
  • βœ“ Unlimited components
  • βœ“ All 41 styles
  • βœ“ Figma export
Welcome back

About swiss / international

Swiss (International Typographic) style is built on rigorous grids, sans-serif type, and objective clarity. These free React and Tailwind components bring that timeless order to modern UI. Strict grid, Helvetica, red-black-white.

All Swiss / International blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.

FAQ

What is Swiss design?

Swiss (International Typographic) style is built on rigorous grids, sans-serif type, and objective clarity. These free React and Tailwind components bring that timeless order to modern UI.

How do I build a Swiss-style grid layout in Tailwind?

Swiss / International is defined by strict grid, helvetica, red-black-white. Use the shared color, radius, border, shadow and motion tokens in the examples above to reproduce the look consistently in React and Tailwind.

Explore other styles

MaximalismMotion MorphismRetro FuturismNeumorphismClaymorphismSkeuomorphismFlat DesignMaterial Design