# shiftgrid

> ShiftGrid's flexible grid structure allows you to customize your layout for any device size, so your website looks great on everything from mobile phones to large desktop monitors

Latest version **1.0.1** (published 2023-08-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install shiftgrid
pnpm add shiftgrid
yarn add shiftgrid
bun add shiftgrid
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2023-08-25 |
| First published | 2023-08-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 85 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Mahdi Hazrati |
| Maintainers | mahdihazrati |
| Keywords | grid system, responsive grid, css grid, grid layout, grid framework, grid design, grid components, grid structure, grid utility, flexible grid, bootstrap, react-bootstrap |

## Links

- npm: https://www.npmjs.com/package/shiftgrid
- Repository: https://github.com/Mahdi-Hazrati/ShiftGrid
- Homepage: https://mahdi-hazrati.github.io/ShiftGrid/
- Issues: https://github.com/Mahdi-Hazrati/ShiftGrid/issues
- npm.io page: https://npm.io/package/shiftgrid

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads
- [@modern-js/plugin-swc](https://npm.io/package/@modern-js/plugin-swc.md) — 3.4K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2023-08-25
- 1.0.0 — 2023-08-25

## README

# [ShiftGrid](https://www.npmjs.com/package/shiftgrid "ShiftGrid").css [![npm version](https://badge.fury.io/js/shiftgrid.svg)](https://badge.fury.io/js/shiftgrid)

ShiftGrid is a minimalist, flexible grid system for building responsive layouts. It is based on Bootstrap v5's grid and provides an intuitive class naming convention for rapid development.

## Why Use ShiftGrid?
- **Lightweight** - Weighing in at just 86.2 kB minified and gzipped, ShiftGrid adds minimal bloat to your project.
- **Flexible** - The flexible grid structure allows you to customize your layout for any device size. Build everything from mobile to large desktop sites.
- **Intuitive Classes** - Classes like .col-sm-6 make it easy to remember how to quickly build responsive columns and rows.
- **Familiar Syntax** - ShiftGrid uses the same class naming convention as Bootstrap, making it easy to integrate into projects using Bootstrap.
- **Styled by Default** - Some basic styling is included out of the box for columns, gutters, and more.
- **Framework Agnostic** - Use ShiftGrid with React, Vue, Angular, or vanilla HTML/CSS. It's framework agnostic.

## Documentation
For full documentation, installation instructions, examples, and more,
see https://mahdi-hazrati.github.io/ShiftGrid/

## Credits
ShiftGrid was created by [Mahdi Hazrati](https://mahdi-hazrati.github.io/ "Mahdi Hazrati"). It is based on [Bootstrap](https://getbootstrap.com/ "Bootstrap")'s grid system.

---
_Source: https://npm.io/package/shiftgrid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._