diff --git a/docs/frontend/animation.mdx b/docs/frontend/animation.mdx
new file mode 100644
index 0000000..d14add4
--- /dev/null
+++ b/docs/frontend/animation.mdx
@@ -0,0 +1,151 @@
+---
+title: Animación
+description: 'Animaciones para web.'
+
+contributors:
+ - github_username: 'mariaelisaaraya'
+
+submenu:
+ - imgPlaceholder: 'Animate.style'
+ titleCard: 'Biblioteca de animaciones CSS.'
+ links:
+ - type: 'Web'
+ url: 'https://animate.style/'
+ cover:
+ src: '/frontend/animation/animatecss.png'
+ height: 190
+ width: 190
+ videos: []
+
+ - imgPlaceholder: 'Animatopy'
+ titleCard: 'Animaciones de CSS'
+ links:
+ - type: 'Web'
+ url: 'https://sarthology.github.io/Animatopy/'
+ cover:
+ src: '/frontend/animation/sarhology.png'
+ height: 70
+ width: 70
+ videos: []
+
+ - imgPlaceholder: 'Animista'
+ titleCard: 'Biblioteca de animaciones CSS.'
+ links:
+ - type: 'Web'
+ url: 'https://animista.net/'
+ cover:
+ src: '/frontend/animation/animista.png'
+ height: 80
+ width: 80
+ videos: []
+
+ - imgPlaceholder: 'Aos'
+ titleCard: 'Biblioteca de desplazamiento animada'
+ links:
+ - type: 'Web'
+ url: 'https://michalsnik.github.io/aos/'
+ cover:
+ src: '/frontend/animation/aos.png'
+ height: 70
+ width: 70
+ videos: []
+
+ - imgPlaceholder: 'Auto-Animate'
+ titleCard: 'Animaciones automáticas.'
+ links:
+ - type: 'Web'
+ url: 'https://auto-animate.formkit.com/'
+ cover:
+ src: '/frontend/animation/auto-animate.svg'
+ height: 190
+ width: 190
+ videos: []
+
+ - imgPlaceholder: 'Cattocss'
+ titleCard: 'Animaciones CSS.'
+ links:
+ - type: 'Web'
+ url: 'https://cattocss.com/'
+ cover:
+ src: '/frontend/animation/catto.png'
+ height: 80
+ width: 80
+ videos: []
+
+ - imgPlaceholder: 'Framer Motion'
+ titleCard: 'Biblioteca de animación para React'
+ links:
+ - type: 'Web'
+ url: 'https://framer.com/motion/'
+ cover:
+ src: '/frontend/animation/framer.png'
+ height: 70
+ width: 70
+ videos: []
+
+ - imgPlaceholder: 'Gsap'
+ titleCard: 'Biblioteca de animación en JavaScript'
+ links:
+ - type: 'Web'
+ url: 'https://gsap.com/'
+ cover:
+ src: '/frontend/animation/gsap.png'
+ height: 80
+ width: 120
+ videos: []
+
+ - imgPlaceholder: 'Hover'
+ titleCard: 'Funciones CSS3 como animaciones.'
+ links:
+ - type: 'Web'
+ url: 'https://ianlunn.github.io/Hover/'
+ cover:
+ src: '/frontend/animation/hovercss.png'
+ height: 180
+ width: 200
+ videos: []
+
+ - imgPlaceholder: 'Motion'
+ titleCard: 'Biblioteca de animación'
+ links:
+ - type: 'Web'
+ url: 'https://motion.dev/'
+ cover:
+ src: '/frontend/animation/motion.png'
+ height: 80
+ width: 100
+ videos: []
+
+ - imgPlaceholder: 'Rive'
+ titleCard: 'Animaciones interactivas.'
+ links:
+ - type: 'Web'
+ url: 'https://rive.app/'
+ cover:
+ src: '/frontend/animation/rive.png'
+ height: 80
+ width: 80
+ videos: []
+
+ - imgPlaceholder: 'TailwindCss'
+ titleCard: 'Complemento de animación realizado en Tailwind '
+ links:
+ - type: 'Web'
+ url: 'https://tailwindcss-animated.com/'
+ cover:
+ src: '/frontend/animation/tailwind.svg'
+ height: 80
+ width: 120
+ videos: []
+
+ - imgPlaceholder: 'React Magic'
+ titleCard: 'Biblioteca que anima componentes.'
+ links:
+ - type: 'Web'
+ url: 'https://www.react-magic-motion.com/applications/collapsible-sidebar'
+ cover:
+ src: '/frontend/animation/react-magic.png'
+ height: 180
+ width: 100
+ videos: []
+---
diff --git a/docs/menu.mdx b/docs/menu.mdx
index 55b5452..08e9f38 100644
--- a/docs/menu.mdx
+++ b/docs/menu.mdx
@@ -2,45 +2,48 @@
- name: 'Frontend'
items:
- - name: 'Deploys'
- url: '/docs/frontend/deploys'
+ - name: 'Animación'
+ url: '/docs/frontend/animation'
+
+ - name: 'Autenticación'
+ url: '/docs/frontend/authentication'
- name: 'Colores'
url: '/docs/frontend/colors_palette'
-
- - name: 'Iconos'
- url: '/docs/frontend/icons'
-
- - name: 'Fuentes'
- url: '/docs/frontend/fonts'
-
- - name: 'Forms'
- url: '/docs/frontend/forms'
-
- - name: 'Streamers'
- url: '/docs/frontend/streamers'
-
+
- name: 'Componentes'
url: '/docs/frontend/components_library'
+ - name: 'Deploys'
+ url: '/docs/frontend/deploys'
+
- name: 'Dominios'
url: '/docs/frontend/domains'
+ - name: 'Forms'
+ url: '/docs/frontend/forms'
+
+ - name: 'Frameworks'
+ url: '/docs/frontend/frameworks'
+
+ - name: 'Fuentes'
+ url: '/docs/frontend/fonts'
+
- name: 'Herramientas'
url: '/docs/frontend/tools'
+ - name: 'Iconos'
+ url: '/docs/frontend/icons'
+
- name: 'Imagenes'
url: '/docs/frontend/images'
-
- - name: 'Autenticación'
- url: '/docs/frontend/authentication'
-
- - name: 'Frameworks'
- url: '/docs/frontend/frameworks'
-
+
- name: 'Lenguajes'
url: '/docs/frontend/languages'
+ - name: 'Streamers'
+ url: '/docs/frontend/streamers'
+
- name: 'Backend'
items:
diff --git a/public/frontend/animation/animatecss.png b/public/frontend/animation/animatecss.png
new file mode 100644
index 0000000..5b4fd76
Binary files /dev/null and b/public/frontend/animation/animatecss.png differ
diff --git a/public/frontend/animation/animista.png b/public/frontend/animation/animista.png
new file mode 100644
index 0000000..633427f
Binary files /dev/null and b/public/frontend/animation/animista.png differ
diff --git a/public/frontend/animation/aos.png b/public/frontend/animation/aos.png
new file mode 100644
index 0000000..6cad23d
Binary files /dev/null and b/public/frontend/animation/aos.png differ
diff --git a/public/frontend/animation/auto-animate.svg b/public/frontend/animation/auto-animate.svg
new file mode 100644
index 0000000..9a20281
--- /dev/null
+++ b/public/frontend/animation/auto-animate.svg
@@ -0,0 +1,40 @@
+
+
\ No newline at end of file
diff --git a/public/frontend/animation/catto.png b/public/frontend/animation/catto.png
new file mode 100644
index 0000000..30fc0cc
Binary files /dev/null and b/public/frontend/animation/catto.png differ
diff --git a/public/frontend/animation/framer.png b/public/frontend/animation/framer.png
new file mode 100644
index 0000000..42f174c
Binary files /dev/null and b/public/frontend/animation/framer.png differ
diff --git a/public/frontend/animation/gsap.png b/public/frontend/animation/gsap.png
new file mode 100644
index 0000000..d71592b
Binary files /dev/null and b/public/frontend/animation/gsap.png differ
diff --git a/public/frontend/animation/hovercss.png b/public/frontend/animation/hovercss.png
new file mode 100644
index 0000000..96b90a7
Binary files /dev/null and b/public/frontend/animation/hovercss.png differ
diff --git a/public/frontend/animation/motion.png b/public/frontend/animation/motion.png
new file mode 100644
index 0000000..7aef062
Binary files /dev/null and b/public/frontend/animation/motion.png differ
diff --git a/public/frontend/animation/react-magic.png b/public/frontend/animation/react-magic.png
new file mode 100644
index 0000000..5bb516f
Binary files /dev/null and b/public/frontend/animation/react-magic.png differ
diff --git a/public/frontend/animation/rive.png b/public/frontend/animation/rive.png
new file mode 100644
index 0000000..15c1618
Binary files /dev/null and b/public/frontend/animation/rive.png differ
diff --git a/public/frontend/animation/sarhology.png b/public/frontend/animation/sarhology.png
new file mode 100644
index 0000000..f674aa6
Binary files /dev/null and b/public/frontend/animation/sarhology.png differ
diff --git a/public/frontend/animation/tailwind.svg b/public/frontend/animation/tailwind.svg
new file mode 100644
index 0000000..586617d
--- /dev/null
+++ b/public/frontend/animation/tailwind.svg
@@ -0,0 +1,34 @@
+