Software Alternatives, Accelerators & Startups

Top 5 Bootstrap Alternatives

Bootstrap Flexbox Grid Purecss Materialize CSS
  1. Simple and flexible HTML, CSS, and JS for popular UI components and interactions
    Pricing:
    • Open Source
    Bootstrap is synonymous with responsive design. It was Bootstrap that popularized the term “mobile-first design” and showed how it could be done. But while Bootstrap gets the job done most of the time, just getting the job done isn’t always enough. If you feel like Bootstrap is restricting you and that your needs are special, one of the options listed here will help. 🙂

    #Developer Tools #Design Tools #Web Frameworks 337 social mentions

  2. Grid based on CSS3 flexbox
    Pricing:
    • Open Source
    The Flexbox Grid, as the name suggests, is a grid system based on the CSS Flexbox properties. However, unlike the CSS technique, all the complexity is nicely abstracted away so that you focus only on placing elements the way you want. The best part is that all the code and class names mimic what you’d want in Bootstrap 4, which means switching between these two tools requires zero mental friction. For instance, here’s what code for the “space around” looks like in the Flexbox Grid:

    #Website Builder #CSS Framework #Design Tools 7 social mentions

  3. A set of small, responsive CSS modules that you can use in every web project.
    Pricing:
    • Open Source
    All the modules when bundled together and gzipped are 3.7 KB, although individually they amount to more. The grid module is just 0.8 KB, while the Base module is 1.0 KB. The team behind PureCSS says that it was built entirely with mobile devices in mind, and so every line of CSS was carefully scrutinized for efficiency before being included.

    #CSS Framework #Development Tools #Javascript UI Libraries 8 social mentions

  4. 4
    Configure price quotes for services
    All in all, Zimit is a complete and easy framework to develop UI prototypes that are responsive and look good quickly. It’s better than Bootstrap (when it comes to prototyping) because Bootstrap is a much larger download and the resulting design is, well, tacky.

    #Productivity #Design Tools #Marketing

  5. HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.
    Pricing:
    • Open Source

    #CSS Framework #Design Tools #Developer Tools

  6. A modern responsive front-end framework based on Material Design
    Pricing:
    • Open Source
    There are quite a few JavaScript features and effects that ship with Materialize. Tooltips, Toasts (Android-like ephemeral notifications), Parallex, Pushpin, etc., are some of them. One really amazing effect I liked is FeatureDiscovery, which basically allows you to highlight an element on the page on some event (say, button press) to bring the user’s attention to that element. It’s hard to describe it in words fully, so head over to https://materializecss.com/feature-discovery.html to see what I mean.

    #CSS Framework #Design Tools #Developer Tools 25 social mentions

Discuss: Top 5 Bootstrap Alternatives

Log in or Post with