GroundworkCSS – responsive HTML5, CSS and JavaScript framework

Last Updated on February 21, 2023

GroundworkCSS is a fully responsive open source HTML5, CSS and Javascript toolkit.

GroundworkCSS is a responsive design tool to rapidly prototype and create accessible web apps that work on virtually any device. It features a flexible, nestable, fluid grid system.

Groundwork was created by Gary Hepting.

Features include:

  • Nestable, fractional, responsive, adaptive, fluid grid system; supporting any columns in any fractional amount from halves to twelfths.
  • Supports semantic markup with ARIA attribute selectors, using Sass’ @extend, @mixins, %placeholders & more.
  • Responsive Text – create responsive headings, responsive text blocks and responsive tables.
  • Rapid prototyping and wireframes with dynamic placeholder text, images and fonts.
  • Responsive and adaptive fractional grid system.
  • Breakpoint-targeted layout, typographic, and conditional helpers for responsive & adaptive layouts.
  • Typography – Headings, paragraphs, emphasizers, links, lists, web fonts, quotes, code, and colors.
  • Responsive navigation.
  • Easy-to-customize button styles.
  • Easily wrap content in a box.
  • Provide users with feedback or instructions.
  • Clean and easy to customize styling for tabular data.
  • Accessible, responsive tab panels that collapse into accordions at targeted breakpoints.
  • Easy to customize & flexible form elements wrapped in the grid system.
  • Font Awesome Icons.
  • JavaScript helpers that make fitting text blocks within responsive designs a breeze.
  • Rapid prototyping with dynamic placeholder text and the Redacted placeholder fonts.
  • Collection of pure CSS3 animations, mostly from Animate.css.
  • Highly customizable and configurable.
  • Built with Sass, a powerful CSS preprocessor. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more.
  • Built with modular SCSS and JS components.
  • Accessibility, supporting ARIA state/role and semantic element selectors
  • Works on virtually anything: mobile, tablet, or large screen devices.

Website: Website down
Support:
Developer: Gary Hepting
License: MIT License

Return to CSS Framework Home Page


Explore Linux

Best Free and Open Source Software - A huge collection of recommended free and open source software covering every major category.
In-depth Linux Software Reviews - Detailed assessments of Linux software covering features, usability and overall quality.

The Big List of Active Linux Distros - An extensive collection of actively developed Linux distributions.
Open Source Alternatives - Alternatives to software and services from Google, Microsoft, Apple, Adobe, IBM, Autodesk, Oracle and others.
Essential Linux System Tools - Indispensable utilities for monitoring, maintaining and managing Linux systems.
Linux Productivity Tools - Useful utilities for improving productivity and streamlining everyday tasks.
Alternatives to Popular CLI Tools - Modern alternatives to familiar command-line utilities supplied with Linux systems.
Awesome Free Linux Game Tools - Tools, utilities and companion software that improve gaming on Linux.
Machine Learning on Linux - Machine learning and deep learning software, self-hosted applications and practical tools.
Saving Money with Linux - Practical ways to reduce electricity consumption and lower computing costs with Linux.
Linux Candy - Fun, entertaining and sometimes delightfully quirky software from the lighter side of Linux.
Subscribe

Please read our Comment Policy before commenting.

Notify of
guest
0 Comments
Oldest
Newest Most Voted