Foundation Alternatives

Foundation is described as 'Responsive framework with semantic, mobile-first design, offering HTML, CSS, JS resources for sites and emails, crafted by Zurb for accessibility' and is a CSS Framework in the development category. There are more than 50 alternatives to Foundation for a variety of platforms, including Web-based, Self-Hosted, Mac, Windows and Linux apps. The best Foundation alternative is Bootstrap, which is both free and Open Source. Other great apps like Foundation are Tailwind CSS, Bulma, Semantic UI and Material UI.

Copy a direct link to this comment to your clipboard
Foundation alternatives page was last updated

Alternatives list

  1. Amazium icon
     1 like
    Copy a direct link to this comment to your clipboard

    960 grid system with 12 columns for Responsive Web Design. PSD file which has the 960 grid setup for you based on 32px gutters/margins.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
  2. Copy a direct link to this comment to your clipboard

    A smart grid framework, not just for grids.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  3. Lite CSS icon
     Like
    Copy a direct link to this comment to your clipboard

    Lite CSS is a simple but also unique web framework. The term 'Lite' expresses the simplicity but also how light the project is!

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
     
  4. Copy a direct link to this comment to your clipboard

    The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript libraries. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates...

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • BSD
     
  5. Copy a direct link to this comment to your clipboard

    The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • BSD
     
  6. Copy a direct link to this comment to your clipboard

    The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
  7. Copy a direct link to this comment to your clipboard

    Frow is an HTML and CSS framework for creating quick, responsive, mobile-first projects on the web.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  8. PrettyCSS icon
     1 like
    Copy a direct link to this comment to your clipboard

    Build your website interface using a responsive CSS framework with various components and with integrated dynamic functionalities.

    Free for non-commercial purposes.

    Cost / License

    • Subscription
    • Proprietary

    Application type

    Platforms

    • Online
    • Self-Hosted
    • CSS
    • HTML5 Boilerplate
    • JavaScript
     
  9. Eternium icon
     1 like
    Copy a direct link to this comment to your clipboard

    Eternium is a simple, no-JavaScript, compilation-free, responsive CSS library for layout and styling elements, requiring less markup and classes than other libraries.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • CSS
    • HTML
     
  10. Pico CSS icon
     Like
    Copy a direct link to this comment to your clipboard

    A minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Self-Hosted
    • CSS
     
  11. Reshaped icon
     Like
    Copy a direct link to this comment to your clipboard

    Reshaped is a library with professionally crafted React & Figma components for building beautiful products or starting your own design system.

    Cost / License

    • Free
    • Open Source

    Platforms

    • Figma
    • React
    • Self-Hosted
     
You are at page 7 of Foundation alternatives