1. foundation-sites
The most advanced responsive front-end framework in the world.
foundation-sites
Package: foundation-sites
Created by: foundation
Last modified: Fri, 18 Aug 2023 13:11:49 GMT
Version: 6.8.1
License: MIT
Downloads: 408,452
Repository: https://github.com/foundation/foundation-sites

Install

npm install foundation-sites
yarn add foundation-sites

Foundation for Sites 6

Install | Documentation | Releases | Contributing


Build Status
npm version
jsDelivr Hits
Netlify Status
Quality Gate Status
Known Vulnerabilities

Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.


Run locally

Documentation

To run the documentation locally on your machine, you need Node.js installed on your computer. (Your Node.js version must be 12 or 14). Run these commands to set up the documentation:

 # Install
git clone https://github.com/foundation/foundation-sites
cd foundation-sites
yarn

# Start the documentation
yarn start

Testing

Foundation has three kinds of tests: JavaScript, Sass, and visual regression. Refer to our testing guide for more details.

Run tests with:

 # Sass unit tests
yarn test:sass
# JavaScript unit tests
yarn test:javascript:units
# Visual tests
yarn test:visual

Contributing

Check out CONTRIBUTING.md to see how to report an issue or submit a bug fix or a new feature, and our contributing guide to learn how you can contribute more globally to Foundation. You can also browse the Help Wanted tag in our issue tracker to find things to do.

Testing powered by



BrowserStack Open-Source Program

Copyright © 2020 Foundation Community

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin