Design, remix, and share your neighborhood street.

Subscribe to updates I use streetmix

Statistics on streetmix

Number of watchers on Github 307
Number of open issues 153
Average time to close an issue 17 days
Main language JavaScript
Average time to merge a PR 4 days
Open pull requests 15+
Closed pull requests 37+
Last commit 9 months ago
Repo Created almost 6 years ago
Repo Last Updated 9 months ago
Size 34.2 MB
Homepage https://streetmix...
Organization / Authorstreetmix
Latest Releasev1.0
Page Updated
Do you use streetmix? Leave a review!
View open issues (153)
View streetmix activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating streetmix for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)


Design, remix, and share your neighborhood street.
Make change in your community at

:couple: :palm_tree: :oncoming_automobile: :oncoming_bus: :palm_tree: :dancer:

Have questions? Looking for support or advice?
Check out our forums or join our Slack chat!

Learn more about the team and project collaborators at Open Collective.
We welcome contributions! Please see our contributor guidelines.

Build Status Dependency Status Code Climate



What are street sections?

A section is shortened way of saying cross-section view, a type of 2D non-perspectival drawing commonly used in engineering and architecture to show what something looks like when you take a slice of it and look at it head-on. Similarly, a street section is a cross section view of a street, showing the widths and placement of vehicle lanes, bike lanes, sidewalks, trees, street furniture or accessories (like benches or street lamps), as well as engineering information like how the road is sloped to facilitate drainage, or the locations of underground utilities. Although sections can be simplified line drawings, urban designers and landscape architects have created very colorful illustrative street sections, removing most of the engineering particulars to communicate how a street could be designed to feel safe, walkable or habitable.


Why does Streetmix exist?

When city planners seek input from community meetings from the public on streetscape improvements, one common engagement activity is to create paper cut-outs depicting different street components (like bike lanes, sidewalks, trees, and so on) and allow attendees to reassemble them into their desired streetscape. Planners and city officials can then take this feedback to determine a course of action for future plans. By creating an web-based version of this activity, planners can reach a wider audience than they could at meetings alone, and allow community members to share and remix each other's creations.

The goal is to promote two-way communication between planners and the public, as well. Streetmix intends to communicate not just feedback to planners but also information and consequences of actions to the users that are creating streets. Kind of like SimCity did with its in-game advisors!

Streetmix can be used as a tool to promote and engage citizens around streetscape and placemaking issues, such as Complete Streets or the Project for Public Spaces' Rightsizing Streets Guide.

Why the name Streetmix?

Streets + remix :-)

How did this project start?

Streetmix started as a Code for America hackathon project in January 2013, inspired by community meetings like the one described above.

How do I install / set up Streetmix myself?

Streetmix is a Node.js based project. Set up your own by following these instructions!


Become a sponsor


Copyright (c) 2013-2017 Code for America and contributors. See LICENSE for details.

streetmix open issues Ask a question     (View All Issues)
  • about 2 years Improve / Remove / Document the server-redirection config stuff.
  • about 2 years Incorporate Mocha for front-end unit testing.
  • about 2 years Merge and "enrich" streetcar and light rail
  • about 2 years Add option to set position of some element within the street
  • about 2 years Add "Tree" and "Pole" option to parking
  • about 2 years Please lower minimum buffer width to 0.25 m (in metric mode)
  • about 2 years Port Gallery to React
  • about 2 years Please use the same units for new street as for the current one
  • over 2 years Make Veranda available as one of the building styles
  • over 2 years Add Heroku SSL
  • over 2 years Add Parking Meter Option
  • over 2 years Raised (sidewalk level) bike lanes.
  • over 2 years Dialog boxes should be positioned closer to the center of the screen on large monitors
  • over 2 years Replace
  • about 3 years Please reach a little Beyond The Bicycle: include hand-tricycles, bakfietsen, etc.
  • over 3 years Infobubble should not fade if segment description is open
  • over 3 years Assuming I can get touch events to work decently well, there's still the problem where multi-touch really makes Streetmix freak out
  • over 3 years Opening "My streets" on IE11 causes everything on the screen to shift to the left by a few hundred pixels
  • almost 4 years Make a gondola segment
  • almost 4 years Segments that exceed width of the street should have a stronger visual indicator
  • about 4 years Add barrier option: jersey barriers aka jersey walls
  • over 4 years Split up dividers into medians and buffers
  • almost 5 years Feature Request: Way to diff 2 streets
  • about 5 years Implement Open Graph protocol (for easy appearance in facebook timeline images, etc)
  • about 5 years Make translations easier
  • about 5 years Build an Icon Conveyor Belt
  • over 5 years Export to SVG vector graphics
  • over 5 years Add water stream sector
  • over 5 years Persist undoStackLength
  • over 5 years (idea) Show if your street has been remixed by others?
streetmix open pull requests (View All Pulls)
  • Rails back-end experiment
  • Port scroll buttons and jQuery to bundle
  • Load image resources with promises & test rendering SVG people
  • Browserify streets
  • Register keypress in menu after loading
  • Browserify users
  • Port the welcome panel to a React component (DO NOT MERGE YET)
  • Adds translation to the street metadata line.
  • Add grass mode to streetcars
  • Better street name editing
  • Add fetch_street xhr error handler
  • Add fallback message for unsupported IE
  • Refactor loading code
  • Transitioning from global street variable to redux street
  • Update all local translations
streetmix list of languages used
streetmix latest release notes
v0.9 Sandy Boulevard Hooker

Commit as of & around the August 2, 2013 launch codenamed Sandy Boulevard Hooker. Tagged for historical reasons. Don't use this one!

v1.0 Cargo Freight Arterial

This is Streetmix front-end in a completed by end of fellowship state by 2013 fellows of Code for America.

Other projects in JavaScript