Introduction

newton.css is a minimal CSS framework that is inspired by typography. It is designed with the purpose of simplicity, but also extensibility. Whether you are making your next website, blog, or book, newton.css is for you. It's incredibly easy-to-use and lightweight. All for you and your needs.

Features

• 12-column grid-system
• Mobile-friendliness
• Restyled HTML elements for beautiful web-design
  • Headers
  • Styled text
  • Links
  • Lists
  • Images
  • Code blocks
  • Tables
  • Buttons
  • Forms
  • Media Queries
  • ... and more!

Getting Started

Download

newton doesn't require any external dependencies, software, etc. You can just simply download the .css file or a minified .css file.

• CSS File ~ 9.9KB
• Minified CSS File ~ 6.9KB

newton is also available through npm, bower, as well as npm's unpkg CDN.

npm install newton.css
# ... or
bower install newton.css

How to use

Place the CSS file in the appropriate location in your working directory, add link it up!

<!-- Local -->
<link href="../path/to/newton.css" rel="stylesheet">
<!-- With CDN -->
<link href="https://unpkg.com/[email protected]/dist/newton.css" rel="stylesheet">

That's it!

To learn how to use newton (trust me, it's really easy!), let's take a tour on our website.

FAQ

1. Why should I use this over Bootstrap (or any other framework)?

newton.css is incredibly lightweight, easy to learn, mobile-friendly, and doesn't require dependencies other than your browser and text editor. While Bootstrap provides awesome features for responsive web design, some of it may be excessive. newton places focus on aesthetically pleasing web designs, while also providing you core features without the overhead.

2. Can I help contribute?

Definitely! I am not a web developer by default, and I'm always looking forward to learning about flexbox, grids, and other fun stuff. Check the TODO list to get more information, or send a pull request / issue.

TODO

• [ ] Check up on grid system
• [x] npm and bower support
• [ ] Travis CL integration
• [x] Add CDN support.
• [ ] Add new themes - dark, light, manuscript, solarized, etc.
• [ ] Add SCSS / Sass Support
• [ ] Build a cool landing page
• [ ] External Plugins - e.g navbar, panels, animations

License

Licensed under the MIT License.