# Tabs: Interface d'onglets

Un widget d'onglets en forme de pilule avec Account, Password et Settings, affiché avec l'onglet Account actif et le texte de son panneau. Modèle vidéo : code pour Claude ou montage dans Subclip.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

Un composant d'onglets avec un indicateur en pilule ou en soulignement et un court panneau de texte pour l'onglet actif.

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

Un widget d'onglets affiche Account, Password et Settings dans une piste en pilule atténuée, avec Account actif et le texte de panneau " Make changes to your account here. " en dessous. Le modèle garde cet état pendant quatre secondes. Dans le code, l'indicateur glisse vers le nouvel onglet, les couleurs des libellés changent et le texte du panneau change en fondu quand l'onglet actif change.

Vous pouvez définir l'onglet actif et passer du style pilule au style soulignement, ainsi que la vitesse de lecture et l'arrière-plan. Utilisez-le dans une démo de page de réglages ou de compte, une visite de produit SaaS, une comparaison de fonctionnalités ou la présentation d'un design system.

## Idéal pour

- Démos de pages de réglages
- Visites de produits SaaS
- Comparaisons de fonctionnalités
- Présentations de design systems

## 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 Tabs 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 Tabs de remocn: https://remocn.dev