GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → mydraft-cc → Ui

mydraft-cc / Ui

Licence: mit
Open source wireframing tool written in typescript, react and redux.

Programming Languages

typescript
32286 projects

Labels

reactreduxwebpackscsscanvas

Projects that are alternatives of or similar to Ui

Instacam
Instant canvas video
Stars: ✭ 106 (-51.38%)
Mutual labels:  webpack, canvas
React Redux Starter
A basic template that consists of the essential elements that are required to start building a Single Page Application using React, React Router, Redux, Bootstrap 4, Sass, and Webpack
Stars: ✭ 116 (-46.79%)
Mutual labels:  webpack, scss
React Starter
A basic template that consists of the essential elements that are required to start building a React (v16.3) application using Webpack (v4)
Stars: ✭ 108 (-50.46%)
Mutual labels:  webpack, scss
React Atomic Structure
Basic Structure for React app following Atomic Design
Stars: ✭ 89 (-59.17%)
Mutual labels:  webpack, scss
Feathers Vue
A boiler plate template using Feathers with Email Verification, Vue 2 with Server Side Rendering, stylus, scss, jade, babel, webpack, ES 6-8, login form, user authorization, and SEO
Stars: ✭ 195 (-10.55%)
Mutual labels:  webpack, scss
Katatema
A handy static site generator using React.js
Stars: ✭ 95 (-56.42%)
Mutual labels:  webpack, scss
Knowledge
文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Stars: ✭ 1,620 (+643.12%)
Mutual labels:  webpack, canvas
Mailgo
💌 mailgo, a new concept of mailto and tel links
Stars: ✭ 978 (+348.62%)
Mutual labels:  webpack, scss
Sass Extract
Extract structured variables from sass files
Stars: ✭ 183 (-16.06%)
Mutual labels:  webpack, scss
Pychat
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing
Stars: ✭ 152 (-30.28%)
Mutual labels:  webpack, canvas
Ifme
Free, open source mental health communication web app to share experiences with loved ones
Stars: ✭ 1,147 (+426.15%)
Mutual labels:  webpack, scss
Bitrix Project
Заготовка 1C Bitrix проекта: автозагрузка, композер, базовые ООП компоненты, миграции, модели, современный фронтенд стек, инструменты для деплоя.
Stars: ✭ 207 (-5.05%)
Mutual labels:  webpack, scss
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+366.06%)
Mutual labels:  webpack, scss
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (+530.28%)
Mutual labels:  webpack, scss
Cusca
A ghost theme
Stars: ✭ 42 (-80.73%)
Mutual labels:  webpack, scss
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (-48.62%)
Mutual labels:  webpack, scss
Uicookbook
A few recipes and build workflows for UI dev
Stars: ✭ 19 (-91.28%)
Mutual labels:  webpack, scss
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-83.94%)
Mutual labels:  webpack, scss
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-43.58%)
Mutual labels:  webpack, scss
Vue2.0 Multi Page
基于vue-cli(vue2.X，webpack1.X，es6，sass环境)多页面开发
Stars: ✭ 206 (-5.5%)
Mutual labels:  webpack, scss
View All Similar Projects ➔

mydraft.cc: Open Source Wireframing Tools

Test it out at: https://mydraft.cc/ (Work in Progress)

The goal of this project is to create an open source wireframing tool. As a developer I have to create wireframes from time to time and there are great commercial tool in the market. But most of them cost more than a full Office suite per month. I think there is a need for a good and free solutions.

Version 01

What is the tech stack?

How to run the application?

Just install node.js and run the following commands in your terminal:

npm i
npm rebuild node-sass --force
npm start

Go to https://localhost:3002

How to build the application?

npm i
npm rebuild node-sass --force
npm run build

Copy the files from the build folder to your webserver.

What are the milestones?

  • 0.7: First working editor.
  • 0.9: Simple server to save diagrams with random id.
  • 1.0: Finalize the version and make small improvements and bugfixes.
  • 1.1: Manage pages within a project with background pages.
  • 1.2: Presentation mode.
  • 1.3: Dark theme
  • 1.4: Link UI elements to external sources or other pages.

How can I contribute?

The issues that are easy to start with are marked. Write a comment to the issue if you want to know more.

Read the Readme about shapes to understand how to create new shapes.

Why another open source tool? There is pencil

There is a great open source tool: http://pencil.evolus.vn/

We see some issue with this project:

  1. It uses outdated technology and therefore it is hard to contribute.
  2. It is mainly maintained by a small company and few people.
  3. It is missing advanced features.
  4. The UI design is really oldschool ;)

Contributors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].