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.
April 06, 2016 Update:
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.
12/31/2015 Update:
perspective-hover
A Vanilla JS plugin to add a sweet perspective hover affect to card-like elements
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.
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
AppleTV PSD
TV Screen + Apple TV
FullHD TV Screen mockup (1920*1920). Apple TV + Remote (in sketch file). Free for Commercial Use.
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.
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 TV 2015 icons
Apple TV 2015 icons recreated in HTML/CSS/JS.