Life & fun · alternatives · 2026

24 alternatives to CSS Dinner

To help you learn CSS selectors.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS Dinner launched in 2016; newer entries below may have overtaken it.

1. 1
   CSS Triggers▲80

   A game of layout, paint and composite

   2014 · its alternatives →

2. 2
   Picnic CSS▲131

   A beautiful CSS library to kickstart your projects

   2016 · its alternatives →

3. 3
   Picnic CSS▲95

   a lightweight Bootstrap alternative

   2014 · its alternatives →

4. 4PC
   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 · its alternatives →

5. 5
   hack.css▲174

   The CSS framework for hackers

   2016 · its alternatives →

6. 6
   CSS Next▲87

   Use tomorrow’s CSS syntax, today.

   2015 · its alternatives →

7. 7CO
   Collection of CSS Creations▲165

   2012 · cssdeck.com · its alternatives →

8. 8
   Painless CSS: Learn CSS from First Principles▲36

   2019 · painlesscss.com · its alternatives →

9. 9
   Less 2.0▲96

   CSS pre-processor makes CSS more maintainable & extendable

   2014 · its alternatives →

10. 10
    playCSS▲171

    Improve your CSS skills by playing daily challenges

    2023 · its alternatives →

11. 11
    Wing▲247

    A dead-simple, responsive, CSS framework

    2016 · its alternatives →

12. 12
    Milligram▲281

    A minimalist CSS framework

    2016 · its alternatives →

13. 13CC
    CSSStunts.com – Weekly CSS hacks▲17

    2016 · cssstunts.com · its alternatives →

14. 14
    CodeScraper▲160

    Hover over anything and get the HTML/CSS

    2019 · its alternatives →

15. 15
    A to Z CSS▲163

    CSS screencasts for designers & developers

    2015 · its alternatives →

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

    2012 · thisisdallas.github.com · its alternatives →

17. 17CB
    CSS Buttons Generator for your pleasure▲40

    2012 · dextronet.com · its alternatives →

18. 18CQ
    CSS Quality Guide▲49

    2015 · github.com · its alternatives →

19. 19
    Sketching with CSS▲75

    Write css as fast as you can Sketch

    2013 · its alternatives →

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

    2013 · andhart.github.io · its alternatives →

21. 21AC
    A collection of recursive CSS specimens▲58

    2018 · recurss.github.io · its alternatives →

22. 22
    The CSS Layout Workshop▲7

    Learn CSS layout with straightforward and practical examples

    2016 · its alternatives →

23. 23CS
    CSS selector generator for shortest, unique, robust selectors▲29

    2018 · github.com · its alternatives →

24. 24MI
    MarkSheet.io – a free guide to learn HTML and CSS▲16

    2015 · marksheet.io · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →