# Resizable: Interface de panneaux partagés

Deux panneaux séparés par une poignée déplaçable, affichés à parts égales avec des cartes d'exemple nommées Panel one et Panel two. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/motion-graphics-templates/remotion/resizable

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-resizable.mp4?v=05db6c03b5

Une mise en page à deux panneaux avec une poignée de séparation, dont le ratio de partage et l'état de la poignée se règlent pour les vidéos de démo d'interface.

- Framework: Remotion
- Catégorie: Interface
- Durée: 7 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/remotion/resizable

Un conteneur clair est partagé côte à côte en deux cartes d'exemple atténuées, " Panel one " et " Panel two ", avec une petite poignée sur le séparateur entre elles. Le modèle montre pendant quatre secondes un partage 50/50 avec la poignée au repos. Dans le code, la poignée grandit et affiche un anneau au survol et au clic, et le séparateur glisse quand on le fait glisser.

Vous pouvez définir le ratio de partage, l'état de la poignée (repos, survol ou enfoncée) et la direction (horizontale ou verticale), ainsi que la vitesse de lecture et l'arrière-plan. Utilisez-le dans une démo d'éditeur ou d'IDE, une vidéo explicative sur la mise en page d'un tableau de bord, la présentation d'un design system ou une vidéo sur une fonctionnalité d'écran partagé.

## Idéal pour

- Démos d'éditeurs et d'IDE
- Vidéos explicatives de mises en page de tableaux de bord
- Présentations de design systems
- Vidéos de fonctionnalités d'écran partagé

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `stageBackground`: Arrière-plan autour de la scène (Couleur)

## Comment utiliser ce template

1. Téléchargez Subclip pour Mac ou Windows. Tous les templates de cette page y sont préinstallés.
2. Ouvrez le panneau Templates, choisissez Resizable et déposez-le sur votre timeline.
3. Modifiez le texte, les couleurs et le timing dans les réglages du calque, ou demandez à l'agent IA de le faire pour vous.
4. Exportez votre vidéo, ou téléchargez le code pour utiliser le template dans votre propre projet.

Basé sur Resizable de remocn: https://remocn.dev