Mes ressources pour un front pépite

Voici ma collection personnelle de liens qui me font gagner du temps et m’aident à construire des interfaces élégantes, cohérentes et performantes.

🎨 Couleurs & palettes

• Coolors

  — Générateur de palettes ultra fluide.

• Color Hunt

  — Palettes inspirantes et prêtes à l’emploi.

• Tailwind Color Shades

  — Génère toutes les nuances d’une couleur à la sauce Tailwind.

🧪 CSS, Tailwind & animations

• Animista

  — Générateur d’animations CSS personnalisables.

• CSSeffects

  — Effets CSS simples, jolis et copy-paste friendly.

• Easing Functions

  — Pour comprendre et choisir la bonne courbe.

🎨 Icônes & UI Kits

• Lucide Icons

  — Icônes open-source, parfaites pour React.

• Tabler Icons

  — Ligne claire, compatible avec Tailwind.

• Radix UI

  — Primitives accessibles et stylables.

• shadcn/ui

  — Composants stylés + Tailwind + Radix + animations Framer Motion.

🧠 Documentation & composants

• React Aria

  — Accessibilité native dans React.

• Headless UI

  — Composants logiques by Tailwind Labs.

• MDX

  — Markdown + React, idéal pour un blog tech (comme celui-ci 😉).

🧩 Générateurs & snippets

• Hero Patterns

  — SVG de fond stylés et paramétrables.

• Haikei

  — Générateur de formes SVG organiques.

• GetWaves

  — Crée des vagues SVG sympas pour les sections.

• SVG Repo

  — Des milliers d’icônes SVG à copier-coller.

📦 Librairies utiles

• Framer Motion

  — Animations fluides et composables.

• Zod

  — Schéma de validation TypeScript-friendly.

• TanStack Query

  — Gestion avancée des requêtes et cache.

🛠️ Outils dev & productivité

• Can I use

  — Vérifie la compatibilité navigateur.

• Bundlephobia

  — Analyse la taille d’une dépendance npm.

• Carbon

  — Crée de beaux snippets de code pour les réseaux.

• Figma

  — Incontournable pour les maquettes UI.

💡 Inspiration & compos

• Frontend Mentor

  — Défis UI pour pratiquer.

• UI Design Daily

  — Interfaces gratuites à télécharger.

• Land-book

  — Galerie de pages d’accueil stylées.

📝 Conclusion

Cette collection est vivante : je l’enrichis dès que je découvre un outil utile ou une ressource inspirante.

Tu peux l’ajouter à tes favoris, ou t’en inspirer pour construire ta propre boîte à outils 🧰

Tu as un lien à me recommander ? Je suis toujours preneur ✌️