native-ui (phone and notification builders)
HTML to video · A laptop or window frame · Apache-2.0
- What it does
Builders that return HTML for a true-proportion phone, status bar, lock screen, notifications, banner, list, tab bar and app icon, plus two motion helpers: arrive (a notification rolls in and pushes its neighbors) and macro (camera push onto one element). For when a product's real screen cannot be captured.
- Get it
ui.innerHTML = NativeUI.phone(NativeUI.lockScreen({ time: '7:52', notifs: [{ icon, title, time: 'now', body }] })); NativeUI.arrive(M, '#ui .nu-notif:last-child', { at: 18, dir: 'up' });
- Needs
Motion.js. It draws a phone in the style of iOS: fine as an illustration, say so in the film's note.
- License
Apache-2.0
- From