Shader WebGL Hero
Le même shader que la page d'accueil, en miniature.
01
Animation
Capacités
Démonstration en direct.
Pas de captures. Du code qui tourne.
Révélations au scroll
Chaque élément apparaît au bon moment.
02
Animation
Curseur personnalisé
Un curseur qui répond à l'intention.
Déplacez votre souris ici
03
UX
Effet de parallaxe
Plusieurs plans, une seule scène.
Ciel
Montagnes
Premier plan
04
Animation
Formulaire PHP sécurisé
Validation serveur, honeypot, envoi AJAX.
05
Intégrations
Mode sombre / clair
Un seul thème géré par tokens CSS.
Thème de démonstration
Basculez pour voir la transition.
06
UX
Compteurs animés
Des chiffres qui respirent.
0+
Clients satisfaits
0%
Taux de satisfaction
0
Années d'expérience
07
Animation
Tableau de prix interactif
Mensuel / annuel, tarif recalculé.
Light
180/ mois
Pour un site simple
Standard
340/ mois
Le choix le plus fréquent
Premium
640/ mois
Support prioritaire
08
E-commerce
Hover avancé sur images
Clip-path, zoom, overlay.
Image 01
Image 02
Survolez les images
09
Animation
Texte dynamique
Une accroche qui se réécrit.
Pour les artisans suisses.
10
Animation
Loader animé
Une entrée en scène qui remplace la page blanche.
Se ferme automatiquement.
11
Performance
Menu mobile animé
Plein écran, silencieux, élégant.
12
UX
Bouton magnétique
L'élément cherche le curseur.
13
UX
Carte 3D inclinée
Profondeur réelle au survol.
Aa
Karapace
Genève
14
Animation
Comparateur avant/après
Glissez pour révéler.
Après
Avant
15
UX
Notifications toast
Empilées, auto-dismissées.
16
UX
Onglets fluides
Indicateur qui glisse.
Une idée précède chaque ligne.
La forme suit la fonction. Toujours.
Le code est notre matériau.
17
UX
Modale accessible
Focus piégé, escape pour fermer.
18
UX
Curseur de plage
Stylé, fluide, lié à une valeur.
50%
19
Intégrations
Copier dans le presse-papier
Un clic, retour visuel.
hello@karapace.ch
20
Intégrations
Progression au scroll
Indicateur permanent, fluide.
Faites défiler la page
0%
21
Animation
Infobulle élégante
Apparition fluide, position auto.
artisanat
sobriété
durabilité
22
UX
Tracé SVG animé
Le trait se dessine au survol.
Survolez le glyphe
23
Animation
Palette interactive
Choisissez. Le code suit.
Aperçu
#b8632b
24
Intégrations