Gallery

Below is the gallery of all the elements that are included in the pack. Most of these simple to use assets, have their own single effect controller which allows you to customise the look of a UI element to suit the design of your user interface with just a few clicks AND Each asset in the tool kit is made from just a single shape or text layer.

(Pe) denotes a Pseduo effect which means only a Single effect will be applied to the layer effects panel, no multiple uses of sliders.

Graphs

: UI – Clean Bar Graph with Padding (Pe)

: UI – Animated Bars on Lines (Pe)

: UI – Single Block Bar Graph (Pe)

: UI – Animated Flashing Grid (Pe)

: UI – Bar Graph Spectrum C (Pe)

: UI – Horizontal Bars Animation (Pe)

: UI – Tech Sqaures Grid (Pe)

: UI – Box Maker (Pe)

: UI – Line Maker (Pe)

: UI – Clean Bar Graph (Pe)

: UI – Bar Graph Style C (Pe)

: UI – Bar Graph Specturm B (Pe)

: UI – Quick Animated Bar Graph X

: UI – Quick Animated Bar Graph Y

: UI – Animated Bars on Lines v0.2 (Pe)

Blocks and Data Visualisation

Circles

With a single click, you can add an animated circle element with custom effect controls. When you duplicate an element, there’s no needs to adjust controls to change line positions as each element has its own unique seed.

: UI – Animated Circle Element (Pe)

: UI – Animated Circle Graph (Seeded) (Pe)

: UI – Animated Circle Line Widget (Pe)

: UI – Animated Clean Circle Element (Seeded) (Pe)

: UI – Animated Half Circle Graph (Seeded)

: UI – Animated Rotating Circle Graph (Seeded) (Pe)

: UI – Animated Circle Dot Graph (Pe)

: UI – Circle Data Unique Seed A

: UI – Animated Advanced Circle Widget

: UI – Circle Data Unique Seed B

: UI – Circle Bar Graph (Pe)

: UI – Widget Element A

: UI – Widget Element B

: UI – Circle Animation E (Seeded)

: UI – Circle Animation D (Seeded)

: UI – Circle Animation B (Seeded)

: UI – Circle Animation C (Seeded)

: UI – Circle HUD A

: UI – Circle HUD B

Instant Text

Instantly add cool looking futuristic UI text to your project in seconds using ready-made presets.

Text Effects

Drag and drop presets to add instant animation to text such as randomised numbers, letters, opacity and colours. These presets only add animation, so won’t make any changes to existing font, font size, color etc.

There’s 3 different Types, Visual Change – changes to colour, visibility and opacity. Characters, changes to character values like numbers animating up and down. Animate In – great for brining in text animations, like headers and number blocks.

Visual Change

Characters

Animate In

Random Stuff

BONUS Product Included

Get Access to a Google Sheets document that contains 1000’s of Random Data, numbers and data sets.

One of the most time-consuming aspects of creating FUI’s is typing up and creating supportive assets like random data. This Google Sheets Document is a massive time saver and I use it all the time to populate my designs with data.

All you have to do is copy either columns or large rows and columns and paste into After Effects.