🛫 ¿No sabes qué hosting usar para desplegar tu aplicación? Aquí te dejo una pequeña lista y un hilo de
@midudev
con más información 🥳
☁️ vercel .com
☁️ netlify .app
☁️ render .com
☁️ napkin .io
☁️ railway .app
☁️ pages .cloudflare .com
☁️ surge .sh
🧵 👇
🤗 Os comparto un recurso para mejorar los títulos:
✍️ React Wrap Balancer
👉
✅ Solo pesa 1kb.
✅ Si está disponible, usa por defecto text-wrap: balance.
✅ 100% compatible con fuentes personalizadas.
Lo mencionó
@midudev
en tu web a juicio 👇
✨Os comparto un recurso muy interesante para calcular la altura de la línea perfecta para tus textos.
✍️ The Good Line Height - Calculate the perfect line height for any text.
👉
🪄 Es un detalle que mencionó
@midudev
en tu web a juicio:
🤔 ¿Estás buscando una app que te permita crear formas en SVG para poner de fondo en tu aplicación web?
✨ haikei - Generate unique SVG design assets.
👉
✅ 100% gratis.
✅ 100% personalizable.
✅ Descarga también en .png.
🤔 ¿Estás buscando iconos animados en SVG totalmente gratis?
🌟 useAnimations - A micro-animations library. Creado por
@thesvob
🚀.
🎉 Compartido por
@midudev
en su canal de Twitch.
♥️
✨¿Quieres hacer una captura bonita para tu sitio web?
Ejecuta en tu terminal:
→ npx broz url-de-tu-web
🚀 broz - A simple, frameless browser for screenshots.
📦 Creado por
@antfu7
Una librería de componentes con efectos increíbles para tu sitio web👀
✨ Aceternity UI - Make your websites look 10 times beautiful.
👉
👋 Creado por
@mannupaaji
✅ 100% gratis.
✅ Incluye tutorial paso a paso.
✅ Hecho con Tailwind CSS.
¿Necesitas componentes bonitos para tu proyecto? 👀
✨ Luxe - Library of components to illuminate your applications.
👉 de
@guhrodrrigues
✅ 100% Open Source.
✅ 100% personalizables.
✅ Compatible con Next.js 14 /app.
✅ y la documentación es 🪄
🪄 ¿Estás buscando inspiración para crear un grid bonito para tu web/portfolio/app?
✨ Bento Grids - A curated collection of tiles-based layouts.
👉
✅ Incluye sitios webs con modo claro & oscuro.
👋 Creado por
@voltidev
💅 ¿Necesitas resaltar contenido en tu proyecto/blog/portfolio?
⭐ Rough Notation
✌️
✓ Es muy sencilla de usar.
✓ Solo pesa 4kb.
✓ Incluye librería para React, Svelte, Vue, Web Components & Angular.
Una nueva librería de componentes de copiar y pegar para tu proyecto ✨
🪄 Tailus UI - React UI Kit for Custom Web UIs.
👉 de
@MeschacIrung
✅ 100% personalizable.
✅ 100% Open Source.
✅ Radix + Tailwind CSS.
✅ Compatible con Astro, Next.js, Remix...
✨ ¿Necesitas loaders & spinners bonitos para tu proyecto?
⭐ uiball/loaders
👉
✓ Hay 24 tipos diferentes.
✓ Copia directamente el HTML & CSS.
✓ Incluye librería para React.
¿Necesitas hacer capturas bonitas de tu código? 👀
✨ Chalkist - Create beautiful images of your source code.
👉 de
@Idered
✅ Sin marca de agua.
✅ Múltiples temas y fuentes.
✅ Puedes añadir varios bloques de código en una imagen.
✅ 100% Open Source.
✨ Now you can copy the SVG as a React component.
✅ You can copy it as JSX or TSX.
🔧 Using SVGR created by
@gregberge_
Thanks to
@Jaaneek
for the idea and to
@xavimonp
for fixing Safari compatibility 🚀
¿Necesitas analíticas para tu sitio web? 👀
🔎 umami - Empowering insights. Preserving privacy.
👉
✅ No usa cookies.
✅ 100% Self-hosted o versión Cloud (gratis).
✅ 100% Open Source.
✅ Compatible con Vercel, Netlify, DigitalOcean...
🤔 ¿Estás buscando una librería de iconos bonita para tu proyecto?
⭐ Phosphor Icons v2
👉
✓ +7000 iconos.
✓ Copia/descarga directamente el SVG.
✓ Incluye librería para React, Vue, Web Components, Flutter & Elm.
✓ Tiene plugin para Figma & Sketch.
📦 ¿No sabes qué librería de iconos usar para tu proyecto? Aquí tienes una lista y un hilo de
@midudev
con 15 alternativas 🥳
✓ phosphoricons .com
✓ iconoir .com
✓ feathericons .com
✓ heroicons .com
✓ icons .radix-ui .com
✓ boxicons .com
✓ ionic .io/ionicons
🧵👇
¿Necesitas flechas en SVG para tu proyecto?✨
↗️ Hand-Drawn Arrows - A customizable gallery of hand-drawn arrow SVGs.
👉 de
@imeronn
✅ 100% gratis.
✅ 100% Open Source & personalizable.
✅ Copia el SVG o el componente para React.
¿Necesitas un eslogan o un texto para añadir en un formulario, página de error o cabecera? 👀
✍️ Microcopy - Short text for your website.
👉
Incluye ejemplos de titulares, notificaciones, mensajes de error, eslóganes... 👇
Ahora con Radix-UI puedes crear tu propio tema y tener una librería de componentes lista para usar en tu proyecto 🚀🚀
✨ radix-ui/themes - Start building your app now.
👉
✅ 100% accesible.
✅ 100% personalizable.
⭐ La documentación es increíble.
🥳 ¡Ya está disponible la primera versión de React-Symbols! Una pequeña librería de iconos para React con los svgs del tema de Symbols, creado por
@miguelsolorio_
.
📦 +40 de iconos (y creciendo).
🌿 Ligera.
💙 Compatible con Typescript.
🚀
@Peereira7
Depende del presupuesto de ambos PCs, te diría en Pccomponentes -> Pccom Gaming (son ordenadores premontados con piezas de calidad, ASUS, Gigabyte...). Si no hay mucho stock, entras en CoolMod -> PCs Coolmod. Son todos pensados para el Gaming, pero potentes.
🤔 ¿Quieres añadirle a tu app hecha con React un ⌘ palette sencillo y bonito?
✓ Creado con
@tailwindcss
+ headlessUI.
✓ Totalmente personalizable.
✓ Light/Dark mode por defecto.
✓ Incluye guías para usarlo con Next.js & Remix.
✨
¿Necesitas inspiración para tu proyecto? Aquí te dejo un recurso increíble ✨
🪄 Layers - A home for designers.
👉 +
@layers_to
✅ Puedes encontrar diseños de apps, landings, bentos, portfolios, iconos, logos... 👇
🤔 ¿Necesitas mostrar un cuadrito de código para tu web/blog/portfolio?
✨ Bright - React Server Component for Syntax Highlighting.
👉
✅ 100% compatible con Next.js 13 /app router.
✅ Incluye muchos temas de VS Code.
✅ Compatible con Markdown & MDX.
Hola comunidad 🥳
El sábado voy a estar en el directo de
@afordigital
con
@ikurotime
para hablar acerca del
@T3chFest
y lo que surja 🎉
19H 🇮🇨
20H 🇪🇸
16H 🇺🇾 🇦🇷 🇨🇱 🇵🇾 🇧🇷
15H 🇹🇹 🇧🇴 🇻🇪 🇩🇴 🇵🇷
14H 🇨🇴 🇵🇪 🇪🇨 🇨🇺 🇵🇦
13H 🇲🇽 🇨🇷 🇳🇮 🇸🇻 🇭🇳 🇬🇹
11H 🇺🇸
🤔 ¿Estás buscando una herramienta que te ofrezca analíticas para tu sitio web?
✨ Loglib - Web Analytics. Crafted with Care.
👉
✅ 100% Open Source.
✅ 100% gratis (1M/visitas & 10k/api requests al mes).
✅ Self Hosted. Compatible con Prisma o Supabase.
✨¿Estás buscando una librería que sea pequeña para tu proyecto?
Aquí tienes un repositorio lleno de librerías que pesan muy poco para cualquier proyecto de Javascript 👇
🤏 Awesome-Tiny-Js:
⌘ Introducing Superkey.
A beautiful command palette for React.
🛠️ Built with Tailwind CSS & HeadlessUI.
🎨 Fully customizable.
📘 Docs built with Next.js 13 +
@contentlayerdev
.
🛫 Deploy on
@vercel
.
🎉
¿Quieres crear una presentación bonita usando tecnologías web? 🤔
🪄 Animotion - Create Beautiful Animated Presentations.
👉
✨ Es un cli que genera una web app con todos los componentes necesarios para crear los slides.
👀 Usa Sveltekit & Tailwind CSS.
✨ Yesterday I started building the documentation for the new project with
@nextjs
13 + next-mdx-remote.
❤️ An amazing component will be released in a few days.
¡No te pierdas la
#miduConf
de
@midudev
! ✨
Conferencia de Programación y Tecnología.
👩💻 7 Speakers TOP
💬 Charlas para todos los niveles
🎁 +256 regalos y premios
...¡y muchas sorpresas! 👀
🚀 13 de SEPTIEMBRE - 18h 🇪🇸
🤔 ¿Estás buscando una librería para mostrar animaciones mientras haces scroll?
⬇️ Scrollex
Build beautiful scroll experiences using minimal code
☆ Creado por
@austin_malerba