# Accueil

<figure><picture><source srcset="https://2583474094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQz3J3Z3NRptalDVJTo2z%2Fuploads%2Fx12en9NCGHMMriDmloQG%2Fimage.png?alt=media&#x26;token=7b3974fe-272e-412f-9607-f9aedc719bbd" media="(prefers-color-scheme: dark)"><img src="https://2583474094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQz3J3Z3NRptalDVJTo2z%2Fuploads%2FXFk1R9VPFHjqWQk1CZ84%2Fimage.png?alt=media&#x26;token=1c85a2f5-088a-4408-9af4-68160bcbe985" alt="" width="375"></picture><figcaption></figcaption></figure>

<p align="center">Tout ce dont vous devez savoir sur Papillon, réuni en une seule source de connaissances.</p>

<p align="center"><a href="https://papillon.bzh/download" class="button primary">Obtenir Papillon</a> <a href="https://github.com/PapillonApp/Papillon" class="button secondary">Forker le projet sur GitHub</a></p>

<p align="center"></p>

***

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td><h4><i class="fa-square-terminal">:square-terminal:</i></h4></td><td><strong>Développer</strong></td><td>Commencer à compiler et modifier Papillon</td><td><a href="https://app.gitbook.com/s/Lt8mMBbf7ntjxrd29I4o/">Accueil</a></td><td><a href="https://2583474094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQz3J3Z3NRptalDVJTo2z%2Fuploads%2F4NgO7xP9kzdHupx2am56%2Fdev.png?alt=media&#x26;token=a99fd94b-401a-4e9c-8612-92e2b7fc7be4">dev.png</a></td></tr><tr><td><h4><i class="fa-swatchbook">:swatchbook:</i></h4></td><td><strong>Papillon UI</strong></td><td>Une librairie de composants innovante pour React Native</td><td><a href="https://app.gitbook.com/s/CYvYwrd5AG2cytF3fLrG/">Accueil</a></td><td><a href="https://2583474094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQz3J3Z3NRptalDVJTo2z%2Fuploads%2FuwdZSmarsCn2SZYxnSMp%2Fpapillon_ui.png?alt=media&#x26;token=c76d7655-0d95-4408-a648-57d34c7c0467">papillon_ui.png</a></td></tr><tr><td><i class="fa-icons">:icons:</i></td><td><strong>Papicons</strong></td><td>Un set d'icônes conçues pour l'éducation</td><td><a href="https://app.gitbook.com/s/zAXRvshrILO6bQ2aJgMk/">Accueil</a></td><td><a href="https://2583474094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQz3J3Z3NRptalDVJTo2z%2Fuploads%2FZZDngNi7XnvAvMhRCiAK%2Fpapicons.png?alt=media&#x26;token=fe277711-3aa1-4b3d-bcab-8a6b13fbbefe">papicons.png</a></td></tr></tbody></table>

{% columns %}
{% column width="41.66666666666667%" %}

### Simple comme bonjour

Papillon UI simplifie le développement d'interface pour Papillon avec des composants pensés pour **permettre à tous les développeurs** de créer facilement des fonctionnalités intuitives.

<a href="https://app.gitbook.com/o/SIz7Oa9HbH0pdgTGvFYi/s/CYvYwrd5AG2cytF3fLrG/" class="button secondary" data-icon="rocket-launch">Découvrir Papillon UI</a>&#x20;
{% endcolumn %}

{% column width="58.33333333333333%" %}
{% code title="index.tsx" %}

```tsx
function HelloWorld() {
  return (
    <List>
      <Item>
        <Icon>
          <Papicons name="Butterfly" />
        </Icon>
    
        <Typography variant="title">
          Salut tout le monde !
        </Typography>
      </Item>
    </List>
  )
};
```

{% endcode %}
{% endcolumn %}
{% endcolumns %}