960 Grid System
The 960 Grid System is a responsive CSS framework that provides a flexible grid with 12 and 16 columns to build websites. It helps web designers quickly create layouts using CSS without having to write all the CSS from scratch.
responsive
css
framework
grid
The 960 Grid System: Responsive CSS Framework
A flexible grid with 12 and 16 columns to build responsive websites quickly using CSS without writing all the CSS from scratch.
What is 960 Grid System?
The 960 Grid System is a popular CSS framework used by web designers and developers to quickly create responsive website layouts. It provides a flexible grid system based on 12 or 16 columns, with preset CSS classes that make it easy to define column widths and positions within the layout.
Some key features of the 960 Grid System:
- Comes with 12 and 16 column options for flexibility.
- Includes preset CSS classes like "grid_x" and "push_x" to control layout.
- Makes it easy to create responsive designs that adapt across device sizes.
- Lightweight and simple compared to more complex CSS frameworks.
- Good for rapid prototyping and basic website & app layouts.
- Well documented with usage examples and tutorials available.
- Open source and customizable by editing the base CSS files.
The 960 grid system helps web designers quickly mock up page layouts and provides an easy way to make layouts that adapt to various screen sizes. Instead of writing CSS float and width rules manually, the preset column formats handle a lot of that work. This allows designers to focus more on the overall design and content.
960 Grid System Features
Features
- 12 column responsive grid
- Predefined CSS classes for layout
- Support for mobile, tablet and desktop screens
- Easy to customize
- Lightweight code
Pricing
- Open Source
Pros
Easy to learn and implement
Flexible grid system
Works well for rapid prototyping
Good for basic website layouts
Wide browser support
Cons
Less flexible than other grid frameworks
Not ideal for complex layouts
Limited built-in components
Requires adding other libraries for advanced features
Not frequently updated
Official Links
The Best 960 Grid System Alternatives
Top Development and Web Development and other similar apps like 960 Grid System
Here are some alternatives to 960 Grid System:
Suggest an alternative ❐
Tailwind CSS
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...
Materialize
Materialize is an open-source front-end framework that helps web developers build responsive and mobile-first websites quickly. It is based on Google's Material Design principles and provides many user interface components out of the box to construct web pages, including:ButtonsCardsChipsFormsNavbarsGrid systemTablesModalsToastsAnd more...Developers can simply include the Materialize CSS and JavaScript files...
Material UI
Material UI is an open-source React component library that implements Google's Material Design guidelines. It provides developers with a collection of reusable UI components that can be used to quickly build high-quality, responsive web applications.Some key features of Material UI include:Over 60 ready-made components like buttons, cards, menus, lists, etc.Responsive...
Bulma
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...
1140 CSS Grid
1140 CSS Grid is an open-source CSS framework created by Andy Taylor to help web designers and developers quickly build responsive websites. It contains a 12-column responsive grid that adapts to various screen sizes and devices. Some key features of 1140 CSS Grid include:Lightweight and optimized for speedResponsive 12-column grid...
UIkit
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
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
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,...
HTML5 Boilerplate
HTML5 Boilerplate is an open source front-end web development framework launched in 2010 to help web developers quickly build fast, robust, and adaptable web apps or sites.It provides a basic HTML structure with useful defaults and best practices baked in, such as:Normalize.css for cross-browser compatibility jQuery and Modernizr JavaScript librariesPlaceholder...
Skeleton
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
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,...
