Alternatives

Products that do what Centering a Div with Physics, Instead of CSS does

http://jared314.github.io/physics-based-page-layout/ (Javascript Required) After the last CSS centering article, I thought there had to be another way. So, I put together a basic Physics-based Page Layout system using an existing Javascript physics library, for springs, and an existing Javascript CSS parser library, for CSS Selectors and a custom CSS-like DSL. The end goal is to layout DOM elements with springs, and eventually collisions, instead of floats, margins, or padding.

1. 1CC
   Chartss.css – accessible HTML/CSS charts with markdown support▲265

   2020 · rbitr.github.io

2. 2
   Layer CSS▲152

   Lightweight CSS framework to build your own fluid layouts

   2015

3. 3AS
   A simple lightweight CSS grid, not a bloated framework▲134

   2012 · thisisdallas.github.com

4. 4
   Spacegrid CSS▲139

   A basic, responsive grid layout.

   2017

5. 5
   Simple Grid▲229

   Responsive & lightweight CSS grid for your website.

   2016

6. 6
   CSS Triggers▲80

   A game of layout, paint and composite

   2014

7. 7
   CSS Layout▲52

   Most popular layouts and patterns that can be built with CSS

   2019

8. 8AS
   A simple, plain, minimal, classless CSS for simple, plain HTML pages▲128

   2020 · github.com

9. 9GM
   Gutenberg – Modern CSS framework to print the web correctly▲305

   2017 · github.com

10. 10
    Teutonic CSS▲99

    Here’s 12KB of CSS to jump start your HTML

    2018

11. 11PC
    Picnic.css, a lightweight Bootstrap alternative▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

    2014 · picnicss.com

12. 12
    Pattern.css▲197

    CSS library to fill empty background with beautiful patterns

    2020

13. 13
    A Single Div▲177

    A CSS drawing project

    2016

14. 14
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015

15. 15
    ReactCSS▲121

    The way CSS in React should be

    2015

16. 16PB
    Physics-based CAD▲104

    2016 · prandtl.design

17. 17AS
    A simple React table library using CSS Grid Layout▲57

    2018 · github.com

18. 18M2
    My 24-hour project, instacss.com▲90

    http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss

    2011

19. 19AS
    A small (less than 2 kb) CSS framework▲79

    2013 · andhart.github.io

20. 20
    Cloth Physics in 3D CSS▲5

    The Three.js cloth simulation rendered entirely with HTML and CSS using PolyCSS.

    16d ago · css.graphics

21. 21
    launch.css▲42

    Launch Your Ideas Faster

    2025

22. 22CI
    CSS-in-JS 101: All you need to know▲6

    2017 · github.com

23. 23IB
    I built a declarative layout engine for SVG, Canvas, WebGL▲5

    Hey HN, I built a tiny zero DOM layout engine for vector graphics and custom renderers to resolves nested rows/cols/grids into exact `{x, y, w, h}` boxes, with text measurement, overflow signals, and collision separation. This is to help make SVG, PDF, Canvas responsive. Feedback welcome from anyone building canvas/SVG diagrams, dashboards, node editors, or diagram tools.

    Jul 2026 · github.com

24. 24BU
    Basic UI Components for Tailwind CSS▲23

    2020 · github.com

Ranked by how close each launch is in meaning, then by votes. Refine with a description →