En este artículo, compartiré una variedad de recursos de frontend valiosos. Estos recursos son útiles tanto para los principiantes que están empezando su viaje de codificación, como para los desarrolladores experimentados que buscan mantenerse al día con las últimas tendencias y tecnologías en el desarrollo frontend. Así que, ya sea que estés construyendo tu primer sitio web o que estés trabajando en una aplicación web compleja, ¡espero que encuentres algo útil en este artículo!
UI:
- Material Tailwind: Un kit de interfaz de usuario robusto que combina Material Design y Tailwind CSS
- Bentoed: Un catálogo de bento en HTML/CSS/Tailwind
- Aceternity UI: Componentes de interfaz de usuario elegantes y modernos para su próximo proyecto
- NextUI: Cree interfaces hermosas sin esfuerzo con NextUI
- ChakraUI: Una biblioteca de componentes sencilla, modular y accesible
- Trading view Charts: Mejore su visualización de datos con gráficos livianos de TradingView
- AutoAnimate: Cree fácilmente animaciones impresionantes con AutoAnimate
- React-magic-motion: Añade un toque de magia a tus componentes React
- Keep React: Mantenga sus componentes React actualizados y con estilo
- Daisy UI: Cree interfaces atractivas con Daisy UI
- ShadCn: Mejore su interfaz de usuario con componentes elegantes y elegantes
- Clip path: Sé creativo con formas usando Clippy
- Radix: Cree interfaces de usuario potentes y componibles con Radix
- Layout generator: Diseñe diseños flexibles con facilidad
- Utilities: Un práctico kit de herramientas para degradados, cursores y más
- Image Generator: Mejore instantáneamente sus diseños con imágenes de alta calidad
- Buttons: Dale estilo a tus interfaces de usuario
- PrimeReact: Componentes principales para tus aplicaciones React
- Everything in one page: Explora una colección seleccionada de recursos
- Beer CSS: Un marco HTML CSS semántico basado en Material Design 3.
Gradients:
- Firecms: Gradientes dinámicos para tus proyectos
- Shadergradient: Crea impresionantes degradados de sombreado sin esfuerzo
SVGs:
- Shapes: Hermosas formas SVG para tus diseños
- SVGs: Descubra una amplia colección de SVG
- SVG Illustrations: Dale vida a tus proyectos con las ilustraciones de Undraw
Others:
- Sliders — Swiper: Deslízate por el contenido sin problemas
- Toast notifications — Sonner: Notificaciones de brindis simplificadas
- Atropos – 3D Elements: Añade elementos 3D inmersivos a tus proyectos
- Auto Animate (Native Javascript): Anima elementos sin esfuerzo con JavaScript simple
- Vaul (Mobile Slider): Mejora tus controles deslizantes con Vaul
- Videos performance optimizer: Optimice el rendimiento del video con el componente web Lite YouTube
- Calendar: Agilice su proceso de programación
- Contrast picker: Garantice la accesibilidad con el comprobador de contraste de Coolors
- Image optimizer: Comprime tus imágenes para un mejor rendimiento
Tailwind:
- Animations: Agregue estilo a sus interfaces de usuario con Tailwind CSS Animated
- Intersection Observer: Tailwind CSS Intersect para observar intersecciones
- Backgrounds: Mejora tus fondos con facilidad
- Bentoed: Un catálogo de bento en HTML/CSS/Tailwind
JavaScript:
- Masonry Grid: Cree diseños de cuadrícula dinámicos con facilidad
- MiniMasonry: Una alternativa ligera para diseños de mampostería.
- Gallery PhotoSwipe: Muestra tus imágenes con elegancia con PhotoSwipe
- Gallery LightGallery: LightGallery para galerías de imágenes impresionantes
- Tempo: Simplifique las operaciones basadas en tiempo con Tempo
- Tippy (Tooltips): Mejore la experiencia del usuario con información sobre herramientas personalizable
- Intersection Observer: Una guía de Intersection Observer para un desplazamiento eficiente
- Infinite Scroll: Implemente el desplazamiento infinito sin esfuerzo
- Just: Una biblioteca para utilidades comunes de JavaScript
- GLTFs into JSX: Convertir archivos GLTF en componentes JSX
React:
- Counter: Cuente sus números dinámicamente
- Masonry layout: Cree diseños de mampostería responsivos en React
- Drag and Drop: Implemente sin esfuerzo la funcionalidad de arrastrar y soltar
- FilePond: Simplifique la carga de archivos con FilePond
- Faker: Genere datos falsos realistas con Faker
- Random: Dale vida a tus proyectos con palabras aleatorias
- Charts: Visualice datos de forma atractiva con Chart.js
- UseSound: Incorpora efectos de sonido en tus aplicaciones React
- ReCharts: Biblioteca de gráficos creada con componentes React
- Floating UI (Tooltips): Interfaz de usuario flotante para información sobre herramientas interactiva
- Tippy (Tooltips): Tippy.js para aplicaciones React
- Calendar: Otro recurso de calendario para todas sus necesidades de programación.
- CMDK Console: Una consola para tus aplicaciones React
0 comentarios