Top 10 Open-Source Alternatives to HackDesign

Product categories

CSS CSS Games CSS Gradients CSS Tools CSS Tutorials Color Gradients Design Collaboration Design Tools Developer Tools Gradient Generator Prototyping Website Design

Summary

The top open-source alternatives to HackDesign are Atomic, CSS Reference, and Flexbox Froggy. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Atomic Landing Page
1

Atomic

The fastest way to design beautiful interactions
Pricing:
- Open Source
#Design Tools #Prototyping #Design Collaboration
CSS Reference Landing Page
2

CSS Reference

Sleek and comprehensive online reference for CSS
Pricing:
- Open Source
#CSS Tutorials #CSS Tools #CSS 7 social mentions
Flexbox Froggy Landing Page
3

Flexbox Froggy

A game for learning CSS flexbox
Pricing:
- Open Source
#CSS Tools #Online Education #Design Tools 252 social mentions
htmlreference.io Landing Page
4

htmlreference.io

Learn by example with this free web-based guide to HTML.
Pricing:
- Open Source
#CSS Tutorials #CSS #Online Learning 1 social mentions
Storybook Landing Page
5

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
#React #React Components #Developer Tools 204 social mentions
Web Gradients Landing Page
6

Web Gradients

Curated collection of 180 free fresh background gradients 🚀
Pricing:
- Open Source
#Design Tools #Gradient Generator #Color Gradients 4 social mentions
Notion Landing Page
7

Notion

All-in-one workspace. One tool for your whole team. Write, plan, and get organized.
Pricing:
- Open Source
#Productivity #Work Collaboration #Note Taking 438 social mentions
Framer Landing Page
8

Framer

🔥 Design real websites right on the canvas.
Pricing:
- Open Source
#Design Tools #Website Design #Website Builder 18 social mentions
Angle 2 Mockups Landing Page
9

Angle 2 Mockups

A giant Sketch Library for creating app presentations
Pricing:
- Open Source
#Design Tools #Prototyping #Website Design 24 social mentions
CSS Grid Garden Landing Page
10

CSS Grid Garden

A game for learning CSS grid layout
Pricing:
- Open Source
#CSS Tools #Design Tools #Other Education Tech 99 social mentions