Card Generator

Générez des cartes UI prêtes à l'emploi dans plusieurs styles (basic, modern, premium, SaaS) avec ombres en couches et coins arrondis.

Paramètres

Aperçu

Titre de la carte

Un court texte de présentation pour illustrer le rendu de la carte.

Code


            
            
            

Guide d'utilisation

Une carte se distingue par son fond, son rayon, son padding et surtout son ombre. Les ombres en couches (deux ombres superposées) donnent un rendu premium.

  • Modern : bordure fine + ombre douce.
  • Premium : double ombre profonde.
  • SaaS : fond clair, ombre nette et rayon généreux.

FAQ

Pourquoi superposer deux ombres ?

Une ombre nette proche plus une ombre diffuse lointaine imitent la lumière réelle et donnent un relief plus crédible qu'une seule ombre.

Comment rendre la carte cliquable ?

Ajoutez transition et un effet :hover (translateY négatif + ombre plus marquée) pour un retour visuel au survol.