tarifs.mdx 11.86 KiB
---
title: "Tarifs"
description: "Les tarifs de Froggit"
keywords: Lydra, SaaS, pricing, tarifs, plans, git, GitLab, Mattermost
---
import useBaseUrl from "@docusaurus/useBaseUrl";
import Highlight from "@site/src/components/Highlight";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import { GiTadpole, GiFrogFoot, GiFrogPrince } from "react-icons/gi";
# Les tarifs de Froggit
Nos tarifs sont simples, transparents, et tout inclus en fonction du nombre d'utilisateurs.
:::tip Cumuler les plans
Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même email** vous cumulerez les sièges.
:::
<Tabs
className="tabs-monthly-annual"
defaultValue="grenouille"
values={[
{label: 'Mensuel', value: 'grenouille'},
{label: 'Annuel -20%', value: 'annuel'},
]}>
<TabItem value="grenouille">
<div class="row price">
<div class="col">
<div class="disable_col">
<div class="card card_price">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/hidden.png")}
alt="Image alt text"
title="Plan Têtard" />
</div>
<div class="card__body">
<h2>Têtard</h2>
<p>Idéal pour <strong>débuter</strong> !</p>
<p>
<strong>24 €HT/an</strong><br/>
<small class="small_price">soit 2 €HT/mois</small><br/>
<a class="button disabled button-noclick"><GiTadpole size="20px"/> Démarrer</a>
</p>
</div>
<div class="card__footer margin-top--lg">
<small>
<p><Highlight color="var(--ifm-color-light-green)">1</Highlight> utilisateur</p>
<p><Highlight color="var(--ifm-color-danger)">aucun</Highlight> groupe</p>
<p><Highlight color="var(--ifm-color-warning)">24</Highlight> projets</p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="headband">
<p>Le plus populaire</p>
</div>
<div class="card-test">
<div class="card shadow--tl card_price card_price_main">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/computer.png")}
alt="Image alt text"
title="Plan Grenouille" />
</div>
<div class="card__body">
<h2>Grenouille</h2>
<p>Parfait pour les <strong>solo</strong></p>
<p>
<strong>9,90 €HT/mois</strong><br/>
<small class="small_price"><br/></small>
<a class="button button--price margin-bottom--lg" href="https://www.lydra.eu/cmd_ly_frg_grenouille_1_m"><GiFrogFoot size="20px"/> Coder sans limites</a>
</p>
</div>
<div class="card__footer">
<small>
<p><Highlight color="var(--ifm-color-light-green)">1</Highlight> utilisateur</p>
<p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
<small>
<p>Bénéficiez de <Highlight color="var(--ifm-color-light-green)">2 mois offerts</Highlight> en choisissant l'abonnement annuel
<small> soit 8,25 €HT/mois (plan annuel)</small><br/></p>
</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="disable_col">
<div class="card card_price">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/cauldron.png")}
alt="Image alt text"
title="Plan Étang" />
</div>
<div class="card__body">
<h2>Étang</h2>
<p>Adapté aux <strong>entreprises</strong></p>
<Tabs
groupId="etang"
className="tabs-etang-hide">
<TabItem value="2">
<p>
à partir de <strong>198 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button disabled button-noclick" href="#url-2"><GiFrogPrince size="20px"/> Acheter <br/> <small>plusieurs sièges</small></a>
</p>
</TabItem>
</Tabs>
</div>
<div class="card__footer">
<small>
<p><Highlight color="var(--ifm-color-light-green)">2, 5, 10, 50 ou 100</Highlight> utilisateurs</p>
<p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
</div>
</div>
</div>
</div>
</div>
</TabItem>
<TabItem value="annuel">
<div class="row price">
<div class="col">
<div class="card-demo">
<div class="card card_price">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/hidden.png")}
alt="Image alt text"
title="Plan Têtard" />
</div>
<div class="card__body">
<h2>Têtard</h2>
<p>Idéal pour <strong>débuter</strong> !</p>
<p>
<strong>24 €HT/an</strong><br/>
<small class="small_price">soit 2 €HT/mois</small><br/>
<a class="button button--price" href="https://www.lydra.eu/cmd_ly_frg_tetard_1_a"><GiTadpole size="20px"/> Démarrer</a>
</p>
</div>
<div class="card__footer margin-top--lg">
<small>
<p><Highlight color="var(--ifm-color-light-green)">1</Highlight> utilisateur</p>
<p><Highlight color="var(--ifm-color-danger)">aucun</Highlight> groupe</p>
<p><Highlight color="var(--ifm-color-warning)">24</Highlight> projets</p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="headband">
<p>Le plus populaire</p>
</div>
<div class="card-test">
<div class="card shadow--tl card_price card_price_main">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/computer.png")}
alt="Image alt text"
title="Plan Grenouille" />
</div>
<div class="card__body">
<h2>Grenouille</h2>
<p>Parfait pour les <strong>solo</strong></p>
<p>
<strong>99 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois</small>
<a class="button button--price" href="https://www.lydra.eu/cmd_ly_frg_grenouille_1_a"><GiFrogFoot size="20px"/> Coder sans limites<br/></a>
</p>
</div>
<div class="card__footer">
<small>
<p><Highlight color="var(--ifm-color-light-green)">1</Highlight> utilisateur</p>
<p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card-demo">
<div class="card card_price">
<div class="card__image margin-top--md">
<img
src={useBaseUrl("img/pages/tarifs/cauldron.png")}
alt="Image alt text"
title="Plan Étang" />
</div>
<div class="card__body">
<h2>Étang</h2>
<p>Adapté aux <strong>entreprises</strong></p>
<Tabs
groupId="etang"
className="tabs-etang-hide">
<TabItem value="2">
<p>
<strong>198 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_2_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>2 sièges</small></a>
</p>
</TabItem>
<TabItem value="5">
<p>
<strong>495 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_5_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>5 sièges</small></a>
</p>
</TabItem>
<TabItem value="10">
<p>
<strong>891 €HT/an</strong><br/>
<small class="small_price">soit 7,43 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_10_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>10 sièges</small></a>
</p>
</TabItem>
<TabItem value="50">
<p>
<strong>3 960 €HT/an</strong><br/>
<small class="small_price">soit 6,60 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_50_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>50 sièges</small></a>
</p>
</TabItem>
<TabItem value="100">
<p>
<strong>6 960 €HT/an</strong><br/>
<small class="small_price">soit 5,80 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_100_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>100 sièges</small></a>
</p>
</TabItem>
</Tabs>
</div>
<div class="card__footer">
<small>
<Tabs
groupId="etang"
className="tabs-etang"
defaultValue="2"
values={[
{label: '2', value: '2'},
{label: '5', value: '5'},
{label: '10', value: '10'},
{label: '50', value: '50'},
{label: '100', value: '100'},
]}>
<TabItem value="2"><p><Highlight color="var(--ifm-color-light-green)">2</Highlight> utilisateurs</p></TabItem>
<TabItem value="5"><p><Highlight color="var(--ifm-color-light-green)">5</Highlight> utilisateurs</p></TabItem>
<TabItem value="10"><p><Highlight color="var(--ifm-color-light-green)">10</Highlight> utilisateurs</p></TabItem>
<TabItem value="50"><p><Highlight color="var(--ifm-color-light-green)">50</Highlight> utilisateurs</p></TabItem>
<TabItem value="100"><p><Highlight color="var(--ifm-color-light-green)">100</Highlight> utilisateurs</p></TabItem>
</Tabs>
<p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
</small>
</div>
</div>
</div>
</div>
</div>
</TabItem>
</Tabs>
:::tip Froggit Dédié
Vous avez mieux à faire que gérer votre forge logicielle ?
Alors _libérez-vous du temps_ avec **[Froggit Dédié](/froggit-dedie)** !
:::
:::info tarifs de lancement
Ces **tarifs de lancement** évolueront en fonction du nombre de fonctionnalités que nous ajouterons.
:::