Frow is an open-source CSS grid system based on Flexbox that uses row-oriented layouts instead of columns. It focuses on responsiveness and consistency across devices.
An open-source CSS grid system based on Flexbox, Frow offers row-oriented layouts for responsiveness and consistency across devices.
What is Frow (flex row) CSS Grid System?
Frow is an open-source CSS grid framework that provides an alternative grid system to the more common column-based grids like Bootstrap or Foundation. It is built using Flexbox and focuses on row-oriented responsive layouts.
While most grid frameworks use columns as their basis, Frow structures the layout using rows. This row-first approach allows for more flexibility and consistency when designing for different devices and viewports. Frow has preset classes for defining the number of rows, setting row widths, distributing space between rows, and aligning row content.
Some key features and benefits of Frow include:
Mobile-first and fully responsive row-based grid
Easily build layouts row-by-row instead of column-by-column
Consistent widths and positioning across device sizes
Flexbox-powered, so works well across modern browsers
Lightweight at around 3kb
Open source and customizable Sass-based code
Frow is ideal for web designers and developers looking for a lightweight grid focused on responsive row layouts instead of columns. It can help streamline CSS and reduce complexity for responsive sites across devices.
Tailwind CSS is an open-source CSS framework that takes a utility-first approach for building custom user interfaces. Instead of opinionated pre-designed components, Tailwind provides low-level utility classes for typical CSS properties like color, padding, font-size, etc. Developers can compose these atomic utility classes together to rapidly build out UI without...
Eva Design System is an open-source UI library and design system that provides components and tools for building consistent, accessible web applications and websites. Developed by Akveo, Eva Design System offers a comprehensive collection of customizable UI components, including:ButtonsForm elements like inputs, selects, checkboxesNavigation elements like breadcrumbs, pagination, stepsData elements...
Bulma is an open source CSS framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Its main advantages are:Based on Flexbox for layout, making it fully responsive by defaultElegant design with focus on typography and colorsExtensive documentation with many examplesLightweight at around 30KB...
UIkit is an open-source web framework for developing fast and powerful web interfaces. It provides a collection of reusable HTML, CSS, and JavaScript components that can be used to build responsive, mobile-first websites and applications.Some key features of UIkit include:An extensive library of pre-built components like typography, forms, tables, tabs,...
Tailwind UI is an extensive, open-source component library for Tailwind CSS created by the developers of Tailwind CSS itself. It features over 100 responsive HTML and React components and pages that can be used to accelerate development of web applications built with Tailwind.Some of the key features and benefits of...
Purecss is an open-source CSS framework designed for quickly building lightweight, responsive web interfaces. Here are some key details about Purecss:Created and maintained by Yahoo/Verizon Media.Very lightweight at 4.5KB minified and gzipped.Follows a modular approach, allowing developers to include only the CSS for components they need.Provides layout modules like grids,...
Skeleton is an open source, lightweight front-end framework for developing responsive web pages and apps. It's designed to be a starting point rather than a UI library like Bootstrap or Foundation.Here are some key features of Skeleton:Lightweight at just 400 lines of CSSFully responsive grid down to mobile devicesSyntax highlighting...
Semantic UI is an open-source front-end development framework that helps web developers build consistent, responsive web pages and web applications. It provides theming capabilities, templates, and reusable UI components to quickly build modern interfaces.Some key features of Semantic UI:Responsive grid system for building responsive layoutsprebuilt UI components like buttons, menus,...
react-md is an open-source React component library that implements Google's Material Design specification. It provides a set of reusable UI components like buttons, cards, menus, dialogs, etc. that allow developers to quickly build web applications with a Material Design look and feel.Some key features of react-md include:Components follow Material Design...
Little Widgets is a user-friendly widget creation and management application designed to provide an intuitive interface for designing, customizing, and deploying widgets across digital platforms. With its drag-and-drop widget builder, users can easily create engaging widgets in just minutes without needing to know how to code.The software comes packed with...