Latest Free Apple TV & tvOS Design Resources

Since Apple TV is now on tvOS, the users are now allowed to play games, watch movies, enjoy shared experiences and even make use of social apps and productivity. Due to these new features, the developers are also given new opportunities to lead the way.

The tvOS design is believed to have been following the Apple’s Human Interface Guidelines. It has also been derived from iOS however it is a OS as it includes other frameworks, which are supported only on tvOS.

On the other hand, the Apple TV makes it a lot easier and convenient to create client-server apps wherein the primary focus is either to stream media or make use of various web technologies like XMLHTTPRequest, HTTPS, JavaScript and DOM. The developers are also allowed to make use of the custom language of Apple, the TVML, in order to develop interfaces and specify the app behaviours thru the use of JavaScript. TVMLKit framework gives the right bridge between the native code and JavaScript Code in the interface.

The Free Apple TV & tvOS Design Resources come with varied templates ranging from UI elements. It also includes Apple TV and remote mockups, tvOS icon templates,  home screens, related JavaScript libraries and a lot more. These features are all based off on the Apple TV Human Interface Guidelines.

Feb 26, 2017 Update:

TV Remotes

TV remotes in sketch files.

TV Remotes

April 06, 2016 Update:

AppleTV Remote Interactions Wireframe Kit

AppleTV Remote Interactions Wireframe Kit

01/31/2016 Update:

atvjs

Blazing fast Apple TV application development using pure JavaScript.

What’s included

  • Page, Menu and Modal Creation and Navigation ATV.Page.create, ATV.Menu.create, ATV.Navigation.navigate,ATV.Navigation.navigateToMenuPage, ATV.Navigation.presentModal
  • TVML styling capabilities (both global as well as individual page level)
  • Event handling (both global and for individual pages and elements)
  • Application level persistent data storage using localStorage ATV.Settings.set, ATV.Settings.get, ATV.Settings.remove
  • Ajax library using JavaScript Promises ATV.Ajax, ATV.Ajax.get, ATV.Ajax.post, ATV.Ajax.put, ATV.Ajax.del
  • Application level publish/subscribe using PubSubJS ATV.subscribe, ATV.publish, ATV.unsubscribe
  • Application initialization/reload using simple configurations ATV.start, ATV.reload
  • Global error handling
  • JavaScript Promise and other ES6 Features Polyfill using babel
  • lodash library as ATV._

01/10/2016 Update:

Apple TV Mockup Shots

These are PSD coming with smart objects. Easily edit them and place your own screen. You can use them for free.

Apple TV Mockup Shots

12/31/2015 Update:

perspective-hover

A Vanilla JS plugin to add a sweet perspective hover affect to card-like elements

Live Demo

perspective-hover

FREE Apple TV Mockups

A huge FREE pack of vector devices for Apple TV family is finally available for download! You can find the link inside the post. Vector mockups are available in both Photoshop (.psd) and Illustrator (.ai) formats.

FREE Apple TV Mockups


tvOS.js

tvOS.js is a JavaScript Library for easier developing in TVJS/TVML

  • Built-in TVML Templates
  • Built-in TVJS Templates
  • Automatic return events to human readable format

Apple TV and Remote Sketch

Apple TV and Remote Sketch


AppleTV PSD

AppleTV PSD


TV Screen + Apple TV

FullHD TV Screen mockup (1920*1920). Apple TV + Remote (in sketch file). Free for Commercial Use.

TV Screen + Apple TV


Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

Have you seen the new Apple TV parallax effect? It is awesome! We have decided to reproduce this effect using CSS and jQuery, and it looks very close to Apple’s parallax effect.

Create an Apple TV Poster Parallax Effect in CSS3 & jQuery


tvOS icon for Sketch

tvOS icon for Sketch


Apple tvOS UI Kit for Sketch

20 different screens for you to work from. This tvOS UI Kit uses the latest Apple Human Interface Guidelines and was carefully compared against the latest screenshots.

Apple tvOS UI Kit for Sketch


Apple TV 2015 icons

Apple TV 2015 icons recreated in HTML/CSS/JS.

Live Demo

Apple TV 2015 icons

Leave a Reply