Bibliothèque de Micro-interactions

Conception de micro-interactions agréables pour les composants d’interface utilisateur.

Cela inclut des pressions de boutons, des animations au survol, des états vides et des retours subtils. Elles rendent l’application plus dynamique et soignée.

Ceci est un projet fictif créé à des fins de démonstration. Cover Refer from here

H1 (Titre de l’article)

Titres H2 (Titre de section)

Titres H3 (Sous-section)

Titre H4

Titre H5

Titre H6

Styles de texte de base

Texte en gras
Texte en italique
Texte barré
Code en ligne (inline code)

🔠 Citation & Listes

Ceci est un texte cité.
Vous pouvez aller à la ligne avec >.

• Élément de liste non ordonnée 1
• Élément de liste non ordonnée 2
  • Sous-élément
  • Sous-élément

1. Élément de liste ordonnée un
2. Élément de liste ordonnée deux

💻 Code

bash run.sh

Exemple Python

def greet(name):
    return f"Hello, {name}!"

print(greet("World"))

Exemple JavaScript

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("World"));

Définir différents styles de code

Voir Hugo Doc

1package main
2
3import "fmt"
4
5func main() {
6    for i := 0; i < 3; i++ {
7        fmt.Println("Value of i:", i)
8    }
9}

📐 Formules mathématiques

Formule en ligne : $( a^2 + b^2 = c^2 )$

équation LaTeX simple :

\[ x^2 + y^2 = z^2 \]

Équation LaTeX complexe :

\[ \begin{aligned} KL(\hat{y} || y) &= \sum_{c=1}^{M}\hat{y}_c \log{\frac{\hat{y}_c}{y_c}} \\ JS(\hat{y} || y) &= \frac{1}{2}(KL(y||\frac{y+\hat{y}}{2}) + KL(\hat{y}||\frac{y+\hat{y}}{2})) \end{aligned} \]

en utilisant $ :

$$\int_{-\infty}^{\infty} e^{-x^2} dx$$.

en utilisant $$ :

$$ \int_{0}^{1} x^2 ,dx = \frac{1}{3} $$

🧩 Tableau

🔗 Liens et images

Visitez mon site web

Shot by Yu Shin Liou

🧾 Exemple de note de bas de page

Ceci est une phrase avec une note de bas de page.¹