Totalwireframe is now free for everyone.
Axure version | 7+ | Number of widgets | 259 | Package version | 1.7 | Updated | Apr 2, 2015 |
A grid system is a serie of vertical lines that helps structure the content on a page. We have chosen to use the grid system used by Bootstrap (the famous CSS framework) in our libraries, i.e. 12 columns for a total width of 1170 pixels
.
Most of the widgets of the libraries have been made to fit into this grid. They are identified by a number in parenthesis, like (9)
for instance.
The main advantage of this is to let you choose a layout - say a 9-columns main content along with a 3-columns sidebar. With this structure, you can load the Sidebar library and fill the sidebar with any of the widgets in this library - they will all match the sidebar no matter its size, perfectly.
6 versions for each widget
For Axure Essentials, all the widgets and libraries have been made to be responsive. Axure has introduced a responsive mode that lets you mimic what would happen if the wireframe you are building was viewed on different screen sizes (think, mobile).
We are taking advantages of this new feature by providing to every single widget in our libraries the ability to have a responsive mode. It has taken a lot of time to get it right, but we think you will like the experience.
Each library of Axure Essentials supports 6 different viewports. For a library of 259 widgets, that means basically 1036 widgets.
Each time you drag and drop a widget on the Desktop view, the widget will automatically load an optimized version of this widget in the other viewports. This will be greatly improve the time required to build responsive wireframes.
This pack is huge. It contains the following libraries:
Real Axure wireframes hosted on Share Axure.
This library should be used most of the time. Its goal is to replace the default widget library provided by Axure. It contains a set of great and better defaults: better forms, better typography, better buttons.
I think it's important to make the distinction between an image and a video's placeholder. The styles of those two widgets is clean and gray - it should also look great when printed.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
All you need to build forms quickly. Most fields have default placeholders that will be removed when you click on the field.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
This section contains form items that use a lot of dynamic panels: 4 password strength indicators and one help bubble.
The default dropdown widget Axure offers is browser/OS native. While it's great for some cases, I think it's better to sometimes have good looking, rich dropdown menus.
There are a lot of buttons that enhances the default Axure experience. Here is a list of those buttons.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
A set of great calendars, some animated, some not.
We provide a set of 5 video players (that mock Youtube players) corresponding to 5, 6, 7, 8, 9 columns, as well as 3 different kind of audio players.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
There are several layouts for progress bars, as well 4 different types of thumbnails. All of them are responsive of course.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
A set of animated toggles.
A set of tags, including one animated on mouse over.
This part contains 10 of the most popular iAB formats for banners and online ads. iAB stands for International Advertising Bureau and is responsible for standardizing advertising on Internet.
This widget is a long blog post, divided into categories, along with a quote and some titles.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
This widget is basically a shorter version of the widget above. Think of it as an exceprt.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Sometimes, you also need to add images next to the words. This is why we've created a default blog post that would contain images.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
A series of titles for blogs.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
We provide several sidebar widgets, that fit into a 4 columns layout. These are:
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
We provide two different "About the authors" section as well as a complete Comments thread, based on Disqus.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
To make those effects, we use dynamic panels and hot spots.
This library is all about displaying lists and search results. You can use it for galleries, for portfolios, for ecommerce websites.
We provide several categories of widgets in this library.
This library relies on a lot on repeaters. This allows you to configure the listings the way you want. Just add or remove rows inside the repeaters, and your listing takes the size you want. Take a look at this animation below to understand how it works.
Every single widget of this library has been created to match the 5 adaptive views we support.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
The Listings Library contains a set of useful filters (the things that let you sort a list of elements - like Most recent, for instance) and sidebar widgets. To make it perfectly clear what those two concepts are, please take a look at the image below.
The filters come in two sizes: 8 columns and 9 columns, to fit most layouts.
Sidebars come in two sizes as well: 3 and 4 columns.
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px
Browser width: 320px
Browser width: 360px
Browser width: 375px
Browser width: 414px
Browser width: 768px
Browser width: >=1170px