https://github.com/tedyoung/high-top
Production-ready prototypes
https://github.com/tedyoung/high-top
Last synced: 11 months ago
JSON representation
Production-ready prototypes
- Host: GitHub
- URL: https://github.com/tedyoung/high-top
- Owner: tedyoung
- Created: 2014-04-26T20:49:30.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-05-14T00:29:38.000Z (about 12 years ago)
- Last Synced: 2025-07-12T01:02:59.909Z (11 months ago)
- Homepage:
- Size: 203 KB
- Stars: 6
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Production Prototypes
=====================
## Pure Boilerplate
> CSS, HTML, maybe JS
* [Skeleton](http://www.getskeleton.com/)
* [HTML5up](http://html5up.net/) - This is a template generator (based on skeljs), so not sure where it goes.
## Scaffolding
> Boilerplate with workflow ("make", "build") tools
* [ng-boilerplate](https://github.com/ngbp/ngbp)
* [Yeoman](http://yeoman.io/)
* [FireShell](http://getfireshell.com/)
## Live Layout tools
### Web-based
* [Jetstrap](https://jetstrap.com/)
* [Shoelace](https://shoelace.io/) - Visual Bootstrap 3 Grid Builder
* [DesignModo Generator](http://designmodo.com/generator/) - drag-n-drop content blocks and generates HTML/JS/CSS
* [DesignModo Startup](http://designmodo.com/startup/) - $249 for the whole deal with 100s of components, seems aimed at very simple landing-page-style single (looong) page sites.
* [Froont](http://froont.com/) - Visual responsive page design (only works in Chrome!), no interactivity yet.
### Installed/Native
* [Macaw](http://macaw.co/) - native (not web-based) app for Mac and Windows
* [Pinegrow](http://pinegrow.com/) - installed app for Mac, Windows, Linux, has [web-based trial](http://pinegrow.com/edit.html) so this might be a Chrome-based app?
## Mockup/Wireframing Tools
* [JumpChart](https://www.jumpchart.com/) - for collaborative mockup, with navigation "architecture" tools
* [UXPin](http://uxpin.com/) - $15/month per user. Looks nice.
* [Moqups](https://moqups.com/) - Similar to Balsamiq
### Lists of Mockup/Wireframing tools
* [The Big List](http://www.cssgalleries.com/the-big-list-of-wireframe-software/) - Somewhat dated
* [42 Tools](http://www.smashingapps.com/2014/01/27/42-mockup-and-wireframing-tools-for-developers.html) - Jan. 2014
## App-Builders
* [Ionic Framework](http://ionicframework.com/)
* [Hoodie](http://hood.ie/) - A front-end only app builder. Interesting!
## Web site Builders
* [Webydo](http://www.webydo.com/) - for designed static sites, has hosting
## Forms Only
* [TypeForm](http://www.typeform.com/) - Form processing (registration, surveys, etc.)
## Analytics
* [Formisimo](http://www.formisimo.com/) - This is interesting, it's an optimizer/analytics that goes and fetches your form given a URL.
## Static Site Generators
* [MiddleMan](http://middlemanapp.com/)
## Front-End Frameworks
* [Bootstrap](http://getbootstrap.com) - One of the main "frameworks" for web sites
* Foundation (Zurb)
* [Ratchet](http://goratchet.com/) - like Bootstrap, but solely for mobile.
* [Semantic UI](http://semantic-ui.com/)
* [Base](http://matthewhartman.github.io/base/) - Mobile first
* [skeljs](http://skeljs.org/)
## HTML5 Widgets
* [Webix](http://webix.com/) - Lots of widgets (GPL or commercial license), has some "Simple Server-Side Integration" support, but haven't looked at it yet.
## Icons
* [Captain Icon](http://mariodelvalle.github.io/CaptainIcon)
## Design
* [Dribbble](https://dribbble.com/)
* [Behance](http://www.behance.net), e.g., http://www.behance.net/mariodelvalle
## Simple CMS/Blogging Platforms
* [AnchorCMS](http://anchorcms.com/)
## Code Editors
* [CodeShare](http://codeshare.io) - multi-user
* [CodePen](http://codepen.io)
* [Adobe Brackets](http://brackets.io/) - open source code editor for web designers and front-end developers.
* [List of Code Editors](http://www.cssauthor.com/best-free-code-editors/) - Includes code editors (like CodePen) and HTML editors (lots of awful ones) and a bunch of non-web ones (like TextPad and UltraEdit).
## HTML/JS/CSS Live Editors with Preview
* [JS Bin](http://jsbin.com)
* [Plunker](http://plnkr.co/)
* [JSFiddle](http://jsfiddle.net/)
## Web Coding/Design Resource sites
* [The Web Blend](http://thewebblend.com/)
* [The Code Player](http://thecodeplayer.com/)
* [dzyngiri](http://www.dzyngiri.com/)
## Tools/Components for Embedding
### JavaScript Editors
* [Epic Editor](https://github.com/OscarGodson/EpicEditor)
### Back-end Services
* [UserApp](https://www.userapp.io/)
### Grid/Tables
* [ng-grid](http://angular-ui.github.io/ng-grid/)
### Other Component sets/collections
* [Thoughtbot Refills](http://thoughtbot.github.io/refills/) - Some nice components, not based on Bootstrap.
# Design Ideas
## Non-trivial Web Apps
* [Groove](http://www.groovehq.com)
* [LivePlan](http://www.liveplan.com)
* [Dynado](https://www.dynado.com/)