Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to Google Web Designer?
Ad
Ad
Froont
All
4
Experiences
Pros
2
Cons
2
Top
Con
Browser-Based
Froont is a web app that runs in your browser - not a full desktop application. While the developer touts this as a 'feature', web apps cannot be as full-featured - nor as stable - as desktop apps (specially when dealing with projects that might be large, or complex).
See More
Top
Pro
Free for public websites
Froont is free for anyone with a public website. This means you agree to your project being shared on the Froont website, where other Froont users may use the design.
See More
Top
Con
Buggy auto-save
Froont does not provide users with a way to save work, instead making you rely on the auto-save feature that saves every minute. However it's been known to be buggy and not save progress.
See More
Top
Pro
Allows creating responsive pages
Froont allows you to set media queries for creating responsive websites. It provides other features for making responsive sites easily, such as an easily adjustable grid.
See More
Hide
Get it
here
9
0
RocketCake
All
6
Experiences
Pros
5
Specs
Top
Pro
Offline
You can work offline as RocketCake is an installable Windows or Mac application. It's also possible to publish on a local disk first before uploading to a webserver.
See More
Top
Pro
Wysiwyg
No need for coding.
See More
Top
Pro
Mobile support
Support for e.g. iPhone 8, iPhone 7+, iPhone 8+, iPhone X, Samsung Galaxy S8, Galaxy S8+, LG G4, LG G5.
See More
Top
Pro
PHP and ASP support
It's possible to use PHP or ASP to create dynamic websites.
See More
Top
Pro
Templates
15 free templates to choose from.
See More
Specs
Platforms:
Windows, Mac
WYSIWYG:
Yes
Hide
Free / paid
16
1
Webpack
All
11
Experiences
Pros
9
Cons
2
Top
Pro
Rich and flexible plugin infrastructure
Plugins and loaders are easy to write and allow you to control each step of the build, from loading and compiling CoffeeScript, LESS and JADE files to smart post processing and asset manifest building.
See More
Top
Con
Config file may be hard to understand 
Due to a somewhat hard to grasp syntax, configuring Webpack may take some time.
See More
Top
Pro
Tap into npm's huge module ecosystem
Using Webpack opens you up to npm, that has over 80k modules of which a great amount work both client-side and server-side. And the list is growing rapidly.
See More
Top
Con
Can not load files discovered during runtime
See More
Top
Pro
Can create a single bundle or multiple chunks loaded on demand, to reduce initial loading time
Webpack allows you to split your codebase into multiple chunks. Chunks are loaded on demand. This reduces the initial loading time.
See More
Top
Pro
Supports source maps for easier debugging
Source maps allow for easier debugging, because they allow you to find the problems within the origin files instead of the output file.
See More
Top
Pro
ES6 module support
Webpack supports ES6 modules and their import and export methods without having to compile them to CommonJS require
See More
Top
Pro
Share the same modules client-side and server-side
Because Webpack allows you to use the same require() function as node.js, you can easily share modules between the client-side and server-side.
See More
Top
Pro
Bundles CommonJs and AMD modules (even combined)
Webpack supports AMD and CommonJS module styles. It performs clever static analysis on the AST of your code. It even has an evaluation engine to evaluate simple expressions. This allows you to support most existing libraries.
See More
Top
Pro
Mix ES6 AMD and CommonJS
Webpack supports using all three module types, even in the same file.
See More
Top
Pro
Limit plugin integration issues
See More
Hide
See All
Experiences
Get it
here
107
17
Webflow
All
12
Experiences
Pros
4
Cons
7
Specs
Top
Con
Based on Bootstrap
Bootstrap is rather old technology
See More
Top
Pro
Best in it's class
Speed & Quality webdesign done in your browser.
See More
Top
Con
Design tool is web-based, not a proper application.
The site doesn't state this explicitly.
See More
Top
Pro
Semi-collaborative development support
Webflow allows workload to be shared among multiple users. However, you can't leave comments for them.
See More
Top
Con
Can't export your site for deployment unless you pay.
Not unreasonable, but something users should know before investing their time.
See More
Top
Pro
W3C-compliant HTML5/CSS3
Webflow generates W3C-compliant markup and stylesheets.
See More
Top
Con
Uses JavaScript
Webflow uses JavaScript on its websites. Website visitors can have JavaScript disabled and be unwilling to enable it for the website they want to view, which would put a website created with Webflow out of their reach.
See More
Top
Pro
Responsive web design with Bootstrap
Because it's based on Bootstrap, it works across all modern browsers & devices.
See More
Top
Con
No way to collaborate on designs with comments
Forum post here.
See More
Top
Con
No version control
Forum post here.
See More
Top
Con
Fixed media queries
Webflow has four fixed breakpoints (desktop, laptop, mobile landscape & mobile portrait). The inability to set your own media queries can be limiting. If your layout breaks outside of these four options, you have to export the code and write them yourself.
See More
Specs
Platforms:
Web
Hide
See All
Experiences
Free / paid
66
13
Adobe XD
All
8
Experiences
Pros
6
Cons
2
Top
Pro
Easy to use interface
It's easy to be productive immediately with XD but it also includes a demo so that you can learn about some of the more powerful features.
See More
Top
Con
No tools for animation
It is possible to create transitions, but this feature is very limited.
See More
Top
Pro
Cross platform
It's available on both macOS and Windows.
See More
Top
Con
Only good for mockups
XD is not a multi-purpose tool like Sketch. It is not a good tool for logos, icons, or other design assets.
See More
Top
Pro
Repeat grid is a timesaver
Creating a list of items is simple with "repeat grid." Just create one and use repeat grid to duplicate that item vertically or horizontally. Then drag and drop text or images to create unique entries for each repeated item.
See More
Top
Pro
UI Kits are available for iOS, Material Design, and more
Includes: iOS Google Material Design Windows UWP Wireframes
See More
Top
Pro
Share online and gather feedback
Allows mockups to be pushed to the web where collaborators can try the mockup and leave feedback.
See More
Top
Pro
Interactive mockups
XD allows you to wire any object to any destination page so that clicking a button asset will take you to a page that you specify. Mockups can also simulate a scrolling page or window.
See More
Hide
See All
Experiences
Free or Subscription
54
3
Mocha
All
9
Experiences
Pros
7
Cons
2
Top
Pro
Supports different assertion libraries
Mocha runs independently from the assertion library, so you can choose which assertion format works best for you. Mocha most often is run in combination with assertion library Chai.
See More
Top
Con
Can be intimidating for beginners
While some testing frameworks are complete out of the box, Mocha requires developers to select and set up assertion libraries and mocking utilities. For someone who is just starting to learn how to build tests this can be scary as they will also have to choose which libraries to use and learn them too.
See More
Top
Pro
Write tests with Behavior Driven Development (BDD)
Allows developers to choose their development process. Not only TDD but also BDD.
See More
Top
Con
No atomic tests
Tests cannot be ran in random order.
See More
Top
Pro
Runs in Node.js and the browser
Mocha has a browser build as well as a node command line program so you can test in client and server side environments.
See More
Top
Pro
Makes Asynchronous testing extremely easy
No need to write tricky statements for Async testing. Mocha gives you a done callback. Place this done parameter in your callback function, that'll let Mocha know that you've written an asynchronous function.
See More
Top
Pro
Integrates really well with NodeJS
The Mocha test framework itself runs on NodeJS, hence it makes everything related to it extremely simple. With Mocha's simple syntax and speed, testing your node.js app just got a whole lot easier.
See More
Top
Pro
Custom full color test reporters
Mocha has multiple test reporters built in and you can create your own as well. The test reporters have full color and makes it easy to see if your tests fail or not.
See More
Top
Pro
Easy to add support for Generators
Aside from the numerous benefits with generators in your application, You can now also integrate generators into your test suite. By using mocha, all you have to do is enable support for generators.
See More
Hide
See All
Experiences
Get it
here
110
6
Yeoman
All
11
Experiences
Pros
10
Cons
1
Top
Pro
Active community
Yeoman has an active community with new generators being created at a rapid pace. Because of the momentum behind the community, you can expect good support and adoption for new tools and frameworks promptly after they come out.
See More
Top
Con
Combining Yeoman and backend frameworks can bring problems
Combining Yeoman and a backend framework such as Django, Rails or Laravel can create problem because the project structure of Yeoman may not be compatible with that of the backend project. It can be tuned to work but for small projects it can be relatively time consuming.
See More
Top
Pro
Huge number of generators for scaffolding your project
Yeoman generators allow you to quickly set up a new project. Invoked with the scaffolding tool 'yo' they provide a boilerplate & tooling selection. There are over 1000 generators, including generators for ember, angular & backbone, to choose from, the majority of which are community maintained.
See More
Top
Pro
Allows you to choose between different build systems
Yeoman supports both major build systems - Grunt and Gulp. These build systems will help you automate tasks such as minification & concatenation of files, running tests, deploying and live-updating your webpage among many others.
See More
Top
Pro
Free and open source
Yeoman is free, open source and licensed under BSD.
See More
Top
Pro
Support for the package manager of your choice
Yeoman supports both Bower and npm, and is flexible in regard to tools to allow it to work with a wider range of project requirements.
See More
Top
Pro
Standardized workflow process
Yeoman wants webapp development to be more standardized under the "Yeoman workflow" banner. As such it encourages the use of a specific combination of tools - a scaffolding tool (yo), a build tool (grunt, gulp, etc) and a package manager (bower, npm).
See More
Top
Pro
Generators can be composed with other generators
Yeoman's scaffolding system allows generators to rely on other generators allowing for better code reuse and standardization between generators that use a common sub-component.
See More
Top
Pro
Cross-platform
As a command line tool it works on OS X, Linux & Windows.
See More
Top
Pro
Works with the package manager directly
Yeoman doesn't just scaffold your project, but also helps you integrate with your package manager directly, so you can manage your entire project with it.
See More
Top
Pro
Developers can create their own plugins
Developers can also create their own Yeoman generator which are practically plugins with which Yeoman works. Generators are basically Node.js modules and can be created just like any other Node module. There is also a very detailed and useful guide on how to create a generator on the Yeoman official website.
See More
Hide
See All
Experiences
Get it
here
43
3
Mockplus
All
9
Experiences
Pros
6
Cons
2
Specs
Top
Con
No Linux version
Mockplus is available for Windows, Mac, Android, and iOS, but not Linux.
See More
Top
Pro
Large ready-made component library
There's a large library of 200 pre-designed components that help you with building mockups as fast and easy as possible.
See More
Top
Con
Requires paid subscription to export design
If you want to export the HTML, you have to subscribe to a Pro account ($6.50/month).
See More
Top
Pro
Easy to use
You can get started easily without learning or training. Beginners can master the tool in a short period of time.
See More
Top
Pro
Rapid prototyping without a single line of code
Mockplus has a very intuitive interface that lets you quickly build your prototypes with no programming needed. You are able to create interactive components with the drag and drop feature.
See More
Top
Pro
Newly added 3000+ SVG icons
There will be around 3000 icons for your free use, with around 2500+ vector icons integrated with the previous 400+ flat icons. Check for more here.
See More
Top
Pro
Creating interactive wireframes/prototypes is fast
You can quickly build interactive prototypes using the drag and drop. A set of pre-designed components, including pop-up panel, stack panel, scroll box, sliding drawer and image carousel, helps you create the prototype faster.
See More
Top
Pro
Free version is available
There is a free version available.
See More
Specs
Platforms:
Windows, Mac, iOS, Android, Web
Hide
See All
Experiences
Get it
here
27
3
Gulp
All
17
Experiences
Pros
11
Cons
5
Specs
Top
Pro
Large plugin ecosystem
Currently gulp offers a selection of 1000+ plugins and it is growing rapidly.
See More
Top
Con
Dead
Gulp is dead, hasn't been updated in 4 years.
See More
Top
Pro
Focuses on code instead of configuration
This depends on your style, but gulp is closer to the code, the actual execution isn't hidden by multiple layers and it's much easier to customize the build system without writing bloated modules. This also brings rather small configuration files.
See More
Top
Con
Rapidly changing API
While it's good that the gulp maintainers want the api to be as good as possible, it comes at the expense of stability. The upcoming gulp 4.0 release has another update to the way dependency management works which will require everyone to update their build scripts. It also makes it hard to look up information on best practices as the best practices keep changing, making a lot of the blog posts and questions about gulp out of date.
See More
Top
Pro
Allows creating task dependencies
Any task can be set to have other tasks as dependencies. The dependencies are specified through piping streams, and tasks run concurrently if they do not block in dependencies.
See More
Top
Con
You need to know some limitations that are not very intuitive
There are some features in Gulp which may not be very intuitive, or that otherwise should have been the default features instead of having to implement them through arguments. For example, to keep the correct folder structure when you are copying a file, you have to add {base: "lib/"} as an argument.
See More
Top
Pro
It is possible to use projects that use streams without plugins
Since Gulp just uses streams at its core, you don't actually need a plugin wrapper to use a project that uses streams. If you use this approach, the you don't even have to worry about plugin maintenance at all, and get the bleeding edge updates as soon as they come out even if the plugin hasn't been updated. It also means if a project happens to not have a plugin, you don't need to write a new one, you can just use it as is.
See More
Top
Con
No incremental building
See More
Top
Pro
Streaming build system makes it easier to apply code transformations
In gulp, it's easy to pipe multiple steps together which you commonly need with build systems. For example, you may need to compile the javascript source files, then package them together, and then minify it. The streaming system makes this much easier. Additionally, it improves performance since all operations are done in memory (compared to I/O operations) and avoids the need of unnecessarily compiling files (compared to Grunt that has to compile all files even if just one has changed).
See More
Top
Con
Not suited for big and complex apps
Writing gulpfile for complex app which consists of many source types is very cumbersome and flawy process. You'll know when you want to move to webpack.
See More
Top
Pro
Chaining API that's simple and elegant
In Gulp, the transforms are performed through chains which makes it easier to understand the order of operations, and easier to modify it.
See More
Top
Pro
Concurrency allows for high-speed perfomance
Because streams in Gulp use pipes to establish dependency order, they are parallel by default without having to rely on plugins or hacks.
See More
Top
Pro
Minimizes disk operations for improved performance
Because Gulp is built using streams, it can store intermediate transformations in memory and defer writing to disk until the very end. This improves performance by not requiring expensive blocking disk operations for task dependencies.
See More
Top
Pro
The configuration file is easily readable
Gulp's configuration file is actually very readable because it's actual JavaScript instead of a large file of JSON objects. The entry barrier is very low for developers who have never used a task runner before and it's API is very simple, with only 4 methods.
See More
Top
Pro
Gulp modules are usable without Gulp
Because Gulp is built on top of the streaming API, you don't actually need gulp to use them. This could be helpful if you want to re-use those modules outside of gulp, possibly for testing, and using the same modules would be more consistent.
See More
Top
Pro
Gulp tasks run from terminal
See More
Specs
Task instruction style:
code
Hide
See All
Experiences
Get it
here
110
12
Figma
All
7
Experiences
Pros
6
Cons
1
Top
Pro
Works in the browser
See More
Top
Con
Inefficient workflow
See More
Top
Pro
Live previews for mobile
Mirrors your designs to your phone in realtime.
See More
Top
Pro
Allows for real time collaboration
See More
Top
Pro
Has all the core functionality you'd expect from something like Sketch
See More
Top
Pro
Integrates with Slack
Provides integration with Slack.
See More
Top
Pro
Provides a free version
Does not require a paid subscription for use. Can be used freely with a lot of features. The free use allows very limited collaboration.
See More
Hide
See All
Experiences
Get it
here
103
13
Affinity Designer
All
15
Experiences
Pros
12
Cons
2
Specs
Top
Pro
One-time purchase
Rather than a monthly subscription based model, Affinity Designer instead has a one-time fee ($49.99).
See More
Top
Con
No plug-in architecture, so can't be tailored to specific purposes
Some applications (e.g. Sketch) have an open plug-in framework, by which the software can be extended by independent/third-party developers according to popular trends.
See More
Top
Pro
Intuitive user interface
The user interface of many graphic editing software programs can often be discouraging for beginners. Affinity Designer, however, has a very well laid out and intuitive user interface with a small learning curve.
See More
Top
Con
Treats all objects as filled
You can't select objects on the canvas by clicking on them, if they're surrounded by another object (like a rectangle or a frame). Designer treats all objects as filled, so if you've drawn a frame or outline or an object with a hole in it, you can't select objects within that hole directly. You have to laboriously iterate through all objects in a list until you get to the one you want. This is an extremely common situation, which cripples the entire product. Very surprising and unfortunate defect.
See More
Top
Pro
Powerful artistic tools
Extensively tweakable brush types, color options...
See More
Top
Pro
Extended slicing and export possibilities
An object can easily be transformed into a slice that can then be exported in various sizes end formats in 1 go. E.g. Export slice A as PNG 1x, 2x and 3x AND GIF 1x AND SVG.
See More
Top
Pro
Powerful symbol managemment
Symbols can get individual property changes (color, shape, layer effects, fonts text...) while the other properties stay linked with the base symbol.
See More
Top
Pro
Sketch Alternative (Great for Mixed OS Teams)
For those working in mixed environments that aren't 100% MacOS, you'll find devoting yourself to Sketch.app brings with it...pain. If this fits the bill for what you need feature-wise and you're in a mixed OS environment, it's a very capable replacement for Sketch.app. Note that it doesn't have all the same features, but then again it doesn't need all the same features. Short of organization differences inside the document you're working on, there shouldn't be anything you can't do with Affinity Designer that you could have with Sketch.
See More
Top
Pro
Cross platform
Available on both Windows and MacOS
See More
Top
Pro
SVG Support
In the era of "retina" displays, 4k UHD, 5k, and even 8k, Scalar Vector Graphics - independent vector images that can scale to any resolution without any display quality loss - are more important now than ever. And this tool is quite capable of rendering true SVG output suitable for consumption at any display resolution (not a big bunch of rasterized bits in the document, actual paths, points, etc.).
See More
Top
Pro
Focused vector graphics tool
Unlike some design tools, Affinity Designer isn't trying to be all things to all people. It's focused on its main area of expertise: vector graphics. That's not to say you can't use a raster image (think a photo in *.jpeg format for example), but it's not built to do much with that other than using it somewhere amidst the layers and that's about it.
See More
Top
Pro
Integrates well with Affinity Photo
These are companion apps & switching between them is built in - Photo is a very powerful raster tool with a feature set close/better to Photoshop, it will also use some Photoshop plugins. This allows you to add-on powerful raster capabilities if you want them - put doesn't force you to.
See More
Top
Pro
Excellent Photoshop/Illustrator import & export
Best I have seen in a non Adobe app, you can use most of the Photoshop mock-ups and templates easily. Opens most Adobe files to a level to be able to effectively use the content. Allows cross team collaboration across tool-chains.
See More
Top
Pro
Powerful
The new version 1.5 has a very powerful feature set such as support for symbols and asset windows, as well as constraints controls and improved export options. This all adds up to an interesting alternative to Adobe Illustrator.
See More
Specs
Platforms:
Windows, MacOS, IOS
Export image formats:
PNG, JPEG, GIF, TIFF, PSD, PDF, SVG, EPS, EPS, EXR, HDR
Hide
See All
Experiences
$49.99
120
15
Pidoco
All
10
Experiences
Pros
9
Cons
1
Top
Pro
Easy to use
Pidoco has a simple, intuitive drag&drop interface. Context menus and context-sensitive toolbars make editing super quick.
See More
Top
Con
Web-based
Not a local application, so you can't use it without being online.
See More
Top
Pro
Lots of dynamic UI elements and icons
Pidoco offers a large library of 400+ interactive interface elements as well as an extensive set of icons as building blocks.
See More
Top
Pro
Easily share and collect reviews
So simple to invite reviewers and collaborators and to collect feedback!
See More
Top
Pro
Includes custom templates that speed up prototyping
Can use a variety of options to save time and avoid duplicate work, e.g. layers, custom elements, scroll frame references. Global layers and reusable custom templates speed up prototyping.
See More
Top
Pro
Screem transitions/animations
Offers an easy way to simulate common types of screen transition effects including for swipe interactions or adding delays. Also allows for sequential reactions.
See More
Top
Pro
Live preview 
Direct simulation of prototypes possible by switching from editing to preview mode.
See More
Top
Pro
Screen map
A screenmap lets you easily link individual prototype pages. This is also great for uploading screenshots and linking them via action hotspots.
See More
Top
Pro
Mobile prototypes
It's possible to simulate the prototypes directly on mobile devices - in the browser or with an handy app.
See More
Top
Pro
Entire project can be easily updated with layers
Assets can be placed in layers and displayed on several pages. Provides for easy updating of entire project in case of changes.
See More
Hide
See All
Experiences
Free / paid
21
4
GRAVIT
All
12
Experiences
Pros
8
Cons
3
Specs
Top
Pro
Free
Gravit has a free version, but there is paid version with more features.
See More
Top
Con
Paid version
Expensive paid version that has many features you can find in free or cheaper applications.
See More
Top
Pro
Multi platform
Works on Windows, Mac and Linux.
See More
Top
Con
This does not appear to be a Web-design tool
Gravit appears to be a vector-art tool, and nothing more. Their homepage doesn't even mention Web design as far as I can see.
See More
Top
Pro
Actively developed
See More
Top
Con
Changing rapidly
The fast rate of growth/change for Gravit can be a pro in that in means plenty of new features. However, it also makes the product fairly unpredictable. For example: In the past year, Gravit was open sourced, then closed sourced again.
See More
Top
Pro
Easy to export all assets
Gravit has a built in exporter to PDF, JPG, PNG and SVG.
See More
Top
Pro
Clean and helpful UI
The panels in Gravit adjust to contain the information needed based on the type of element selected, preventing the clutter that Photoshop often experiences.
See More
Top
Pro
Easy to design multiple pages
The ability to assign layers to specific pages, and view single or multiple pages at once makes it easy to design an entire website without getting lost in thousands of layers. Easy to view multiple pages at one time.
See More
Top
Pro
Symbols and libraries
With Gravit you can re-use the same design for buttons, inputs, etc, in multiple places, with changes synced every where the element is used. It's also possible to set text to a shared style to sync text changes throughout the app.
See More
Top
Pro
Able to open Sketch files
The ability to open Sketch files makes it easier for Linux/Windows users to collaborate with people who use Sketch, which is macOS specific.
See More
Specs
Platforms:
Linux, Windows, macOS, Web
License:
GPLv3+ or Commercial license
Unoffical download location:
https://github.com/OliBridgman/gravit
Available as:
Snap, AppImage, WebApp
Hide
See All
Experiences
FREE or $99/yr
25
5
Vectr
All
11
Experiences
Pros
9
Cons
1
Specs
Top
Pro
Intuitive
Vectr is simpler than other web design or vector graphics design tools, and has all the features needed to make designs beautiful.
See More
Top
Con
Requires an Internet connection to work
Must be tethered to an Internet connection at all times, so forget working on planes or other places where you're not online.
See More
Top
Pro
WordPress plugin
Embedded editor in WordPress is perfect for editing / creating: annotated images, watermarks, banners, image-collages, infographics, logotypes.
See More
Top
Pro
Grid and snapping
The grid and snap lines in your workspace serve as a visual aid and guideline for the composition and alignment of your designs.
See More
Top
Pro
Supports importing various image formats
You may import your previous designs or downloaded graphics and edit them in Vectr as you like.
See More
Top
Pro
Supports collaboration
You can send the unique URL to your Vectr project to friends and colleagues for collaboration.
See More
Top
Pro
Low learning curve
Vectr has a very low learning curve and would be perfect for beginners. However, it’s absolutely easy to use no matter what your background is. Professional designers will also find a great number of useful tools which may change their designs completely.
See More
Top
Pro
Designing offline
Vectr's desktop app works offline for up to 100 edits, and then once you get online it automatically synchronizes all of the projects with your online account. So you can work whenever you want without fearing for your projects.
See More
Top
Pro
Free
The app is going to remain free forever.
See More
Top
Pro
Cross-platform
You may download Vectr for Mac, Windows, Linux, and Chromebook.
See More
Specs
Platforms:
Windows, Linux, Mac, Web
Hide
See All
Experiences
Free
14
5
FluidUI
All
9
Experiences
Pros
9
Top
Pro
User friendly
The learning curve is relatively low compared to other software that supports animations/transitions. Both building the wireframes and designing the interactions is all drop and drag.
See More
Top
Pro
Tools for team collaboration
Work with your team on a design. Connect on live video calls and chat or add comments.
See More
Top
Pro
Supports realistic gestures & transitions
You can simulate all the typical iOS gestures such as tap, double tap, swipe & long hold. These gestures then can trigger animated transitions such as sliding, fading, pop in, & flip. This enables you to create very realistic interactable demos of your app. Checkout the demo page for some examples.
See More
Top
Pro
Awesome version control
Every action you or your team takes automatically creates a revision you can easily revert to.
See More
Top
Pro
Provides UI assets from all the versions of iOS
The UI library is huge and very high quality. All the UI required to design iO7 apps is included as well as iOS 6 and basic wireframing elements. For example in iOS7 it provides: Backgrounds Navigation & status bars Layouts (list pickers, maps, keyboards, scroll etc) Controls Typography Icons
See More
Top
Pro
Fast
Using the app is feels very snappy.
See More
Top
Pro
Free forever for a single project & 10 screens
They have a very reasonable free tier with the paid versions starting at $12/month.
See More
Top
Pro
Lets you test on an iPhone as well as in the browser
You can preview your designs live in the browser as well as send them to a mobile device to better simulate the UX.
See More
Top
Pro
Makes it easy to plan out the app workflow
Fluid isn't just about wireframing static screens. You can plan out all the user flows and then define the transitions between them. This is really handy for planning out the entire user workflow.
See More
Hide
See All
Experiences
Get it
here
50
17
Avocode
All
5
Experiences
Pros
4
Cons
1
Top
Pro
Offers a 14-day free trial 
Allows users to be able to get comfortable and familiar with the service before signing up and paying the subscription fee.
See More
Top
Con
Subscription fee
After the free trial, users must set up your account with an option of their 3 subscription services - Garage, Business, and Enterprise [$8.99, $12.99, or TBD]. The cost is low, but monthly.
See More
Top
Pro
Includes collaboration tools
Allows designers and developers to view revisions and interact on the fly by posting comments on the revisions instead of going through multiple e-mails back and forth.
See More
Top
Pro
Cross-platform 
Usable on Mac, Windows and Linux.
See More
Top
Pro
Sketch and Photoshop support 
Contains plugins that allow designers to share any designs with developers.
See More
Hide
Get it
here
7
3
Sketch
All
17
Experiences
Pros
10
Cons
6
Specs
Top
Pro
Designed specifically for web and mobile UI design & workflows
Sketch is essentially a version of Photoshop built from the ground up to suit the workflow of web designers.
See More
Top
Con
No Windows support
See More
Top
Pro
Active community with a lot of resources
Sketch is hugely popular among designers so there are a lot of well maintained community resources for everything from iPhone frames to iOS/Android UI elements & icons.
See More
Top
Con
No Linux version
Sketch is currently only available on Mac, which can make it hard to collaborate if you have teammates using Linux.
See More
Top
Pro
Clean UI
Reactive panels keep the UI for Sketch clean from the sort of clutter the panel system in Photoshop suffers from. The panels in Sketch change based on the object in question, saving you from having to have a multiple separate panels.
See More
Top
Con
License based payment model
Sketch has recently decided to cease development of major version (2.0, 3.0, 4.0) with free updates in between, and has switched to a license based subscription model. A yearly license costs $99 and includes the latest version of the Sketch software, plus a year of free updates. After this license expires, you can renew for another year of updates - or continue to use the current software without updates.
See More
Top
Pro
Symbols and shared styles
Sketch lets you re-use the same design in multiple places, with changes synced throughout the various places it is used. You can also create text styles to sync typography changes.
See More
Top
Con
Buggy releases and lack of quality assurance
The fast rate of change means new releases often break files and cause havoc. Duplicate symbols are really bad in the latest releases so you have to keep updating.
See More
Top
Pro
"Artboards" are great for working on multiple views simultaneously
Artboards let you easily work on multiple views side by side. Great for having a separate artboard on each page for the various responsive sizes.
See More
Top
Con
Very feeble raster tools
You have to go elsewhere if you want something more complex than basic vector masking of raster images.
See More
Top
Pro
Vector based yet pixel aware
You can rescale assets without quality loss, easily export x2 assets for retina designs and design high quality icons & artwork. Being pixel aware lets you set a grid and snap objects to it as well as round to the nearest pixel edge to clean up your layers.
See More
Top
Con
Limited compatibility with Photoshop and Illustrator
Although it is possible to export certain Adobe file types in Sketch, compatibility is mostly hit and miss. For example, some elements seem a little offset in Adobe products.
See More
Top
Pro
Makes it easy to export assets
Sketch has a built in exporter that supports PDF, JPG and PNG.
See More
Top
Pro
Built-in grid system
You can set the square grid to whatever dimensions you like as well as set thicker lines every x blocks. You can also configure the color of the lines to make them as obvious or subtle as you wish and toggle the grid with a keyboard shortcut (crtl+g).
See More
Top
Pro
"Mirror" makes it really easy to test designs on multiple devices
Mirror lets you connect your iPhone to sketch and see how your current artboard looks on mobile. It's really useful as you can live check changes which lets you rapidly iterate mobile design.
See More
Top
Pro
Easily align layers with smart guides
Holding down alt will show the smart guides that show the distances between any layer you hover over to nearby layers or the edges of the artboard. Very useful for checking your spacing or aligning layers.
See More
Specs
Platforms:
Mac
Hide
See All
Experiences
Paid
124
48
JSHint
All
5
Experiences
Pros
3
Cons
2
Top
Con
No way to support ESnext
There's no support for ESnext available.
See More
Top
Pro
Customizable ruleset
Since it's creation, JSHint was created to be a more configurable version of JSLint (it's actually a fork of JSLint itself). Every rule is configurable through a configuration file.
See More
Top
Con
Difficult to know which rule is causing an error
Because it does not display the rule name that is being broken, it's difficult to know which rule is actually causing the error.
See More
Top
Pro
Comes with support for many librariers
JSHint supports libraries like QUnit, NodeJS, jQuery, Mocha out of the box.
See More
Top
Pro
Basic ES6 support
Basic ES6 support is included.
See More
Hide
Get it
here
12
6
Grunt
All
13
Experiences
Pros
8
Cons
4
Specs
Top
Con
Grunt compatibility issues
Changes in different versions in grunt are not always backwards-compatible.
See More
Top
Pro
Configurations are easy to write
Grunt emphasizes configuration over code. As such grunt configurations are easy to write. Writing them does not require knowledge of streams, promises, concurrency, or asynchronous tasks to set up.
See More
Top
Con
Large bloated configuration files
To configure Grunt, developers need to basically write large files and configure JSON objects. While it's very powerful, the sheer complexity of it's configuration file may be a large obstacle for newcomers and developers that have not used any automation tools before. This may push them to search for simpler alternatives.
See More
Top
Pro
Has tons of plugins
Grunt has been available for a long time and during this time it has garnered a large community of dedicated developers who have made more than 4000 grunt plugins available to be used.
See More
Top
Con
Grunt lost mindshare in general
Grunt can only do what the individual plugins allow it to do. New tools aren't always being made available for Grunt, nor are they always being updated as quickly, so you're stuck with an aging ecosystem.
See More
Top
Pro
Plugins configured out of the box
The default behaviors for most plugins is normally what you want, so if you just use a plugin without configuring it, it will work for most use cases.
See More
Top
Con
The need to track creation/movement of files
Debugging and augmenting grunt pipelines are much harder than other build systems that clearly show the pipelines in the code. Grunt works on files so you must track where each task puts files and try and intercept that in a task if you want to add something in the middle of a build pipeline.
See More
Top
Pro
A GUI front-end via spock
A graphical user interface for grunt is available via spock.
See More
Top
Pro
Choice of using it as a config file or writing your own functions
You can use Grunt as a config file or JavaScript by writing your functions via Node Modules.
See More
Top
Pro
Grunt v1.0 alpha uses Orchestrator for maximum concurrency
Grunt version 1 alpha, aka grunt-next, the upcoming next major release of Grunt, uses Orchestrator to sequence and execute tasks and dependencies with maximum concurrency, potentially bringing it up to speed with Gulp in term of performance.
See More
Top
Pro
An API that makes writing and using of plugins extremely easy
The API is built in such a way that if you write a Grunt task that is useful for someone else out there or would be useful for future projects, it can be easily made into a grunt plugin and then shared using npm.
See More
Top
Pro
Shell commands inside Grunt
There is a Grunt plugin called grunt-exec which allows developers to execute shell commands inside their Grunt files. This is extremely easy if a developer is developing only in Node and constantly getting out of Node environment to run something like a git command can become frustrating.
See More
Specs
Number of Plugins:
4000+
Task instruction style:
Configuration
Processing method:
FIle-based
Hide
See All
Experiences
Get it
here
34
16
Blnq Studio
All
5
Experiences
Pros
1
Cons
3
Specs
Top
Pro
Totally Free
No fees whatsoever
See More
Top
Con
Not really WYSIWYG
You cannot work on what you see, you can only work on the HTML/CSS so it is technically WYSIWYG but that's the same as working on your browser
See More
Top
Con
Doesn't have any kind of help
it's basically a text editor
See More
Top
Con
No Drag and Drop
See More
Specs
Platforms:
Windows, Linux, Mac, Web, Android, iOS
Hide
Free
2
1
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop