# DeviceFrame
Realistic device frame (phone, tablet, laptop) with auto-scaling, glare effects, and content display
## Overview
The `DeviceFrame` component is a frame component in the chuk-motion library.
## Properties
## Example Usage
### Python (MCP Tool)
```python
```
### TSX (Generated)
The component generates TypeScript/React code that integrates with Remotion.
## Design Tokens
This component uses the chuk-motion design token system for consistent styling:
- **Colors**: Theme-aware color palettes
- **Typography**: Video-optimized font scales
- **Motion**: Spring physics and easing curves
- **Spacing**: Consistent spacing and safe margins
## Tips & Best Practices
## Related Components
Browse other frame components in the [component library](../../../README.md).
---
*Generated documentation for chuk-motion component library*