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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +