HUD Interface Construction Kit

HUD Interface Construction Kit

I finally made it, the HUD project you’ve been waiting for:

The HUD Interface Construction Kit

It’s a comprehensive After Effects project with over 50 parts to build your own Future User Interface. It was designed to allow fast and complete building of satisfying user interfaces.

It contains 4 sample HUDs to get you started quickly. Everything is nicely animated and fully customizable, all elements are included as layer masks* so you can edit them if you need deeper customization. This also allows for lossless scaling.


  • 4 fully animated sample HUDs
  • 42 individual Elements, all with intro animation
  • 2 parametric number generators
  • 4 spherical content animations
  • 4 stylish grid overlays
  • 4 backgrounds

Following a strict 10px layout and a strong design direction all elements fit together efortlessly. Interface construction has never been easier.

The fonts used (“Iceland” and “New Horizons”) are freely available for download at Google Webfonts and

* Notes

  • The spherical content animations are included as PNG Quicktime movies with alpha-channel.
  • The music used in the preview-video is not included.
  • The 3D animated interface at the beginning of the preview video is not included. I created it with After Effects in minutes and you should be able to, as well.

Sample HUDs

HUD: Flight HUD: Analyze This HUD: Zoom and Enhance HUD: h4XX0r

HUD Elements

11 Window Frames and 6 Window Corners 3 Buttons, 4 Details, 8 Dividers/Connectors 10 Circular Elements (5 with looped animation) 4 Looped Spherical Interface Fillers 3 parametric Random Number Generators 4 Backgrounds