domains / families / media / render-ios-keyboard

render-ios-keyboard

separate

Render a static iOS QWERTY keyboard as inline HTML+CSS sized for the 750-wide 9:16 stage. Includes the 3-suggestion bar, alpha keys, shift/backspace, 123/emoji/space/return row, and the bottom globe+mic strip. No animation logic — slide up/down is the molecule's job (CSS transform on the .keyboard root).

When to use

• Provide a drop-in iOS QWERTY keyboard fragment that pairs with messaging atoms (create-chatgpt-mockup, create-imessage-mockup) when a video needs to show someone typing. Static only: the keyboard sits at the bottom of the screen, the molec…

When not to use

• Animation logic
• Key-pop animation
• Emoji panel expansion
• Switching layouts on its own
• Video kit usage (superseded by phone-chat@1.2.0)

Skill page

Source