¿Quieres crear interfaces y sitios web increíbles pero no tienes idea por dónde empezar? 🔥 No te preocupes, aquí te traigo un par de sitios donde puedes buscar inspiración para tus próximos proyectos. Vamos a ello 🧡 Psst.. aquí abajo👇🏽

coderdiaz's tweet image. ¿Quieres crear interfaces y sitios web increíbles pero no tienes idea por dónde empezar? 🔥

No te preocupes, aquí te traigo un par de sitios donde puedes buscar inspiración para tus próximos proyectos.

Vamos a ello 🧡
Psst.. aquí abajo👇🏽

1) Sections Un proyecto con +18 secciones y elementos de interfaz. Aunque esta hecho para Framer, puedes usarlo de inspiración tiene unas interfaces irresistibles. sections.framer.website

coderdiaz's tweet image. 1) Sections

Un proyecto con +18 secciones y elementos de interfaz. Aunque esta hecho para Framer, puedes usarlo de inspiración tiene unas interfaces irresistibles.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://sections.framer.website/">sections.framer.website</a>

2) Tailwind UI Si trabajas con TailwindCSS, tal vez deberías echarle un vistazo a este recurso. Tiene muchos componentes de los cuales puedes inspirarte en sus propuestas para tus próximas interfaces. La versión de pago, te da acceso al código fuente. tailwindui.com

coderdiaz's tweet image. 2) Tailwind UI

Si trabajas con TailwindCSS, tal vez deberías echarle un vistazo a este recurso.

Tiene muchos componentes de los cuales puedes inspirarte en sus propuestas para tus próximas interfaces.

La versión de pago, te da acceso al código fuente.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://tailwindui.com/">tailwindui.com</a>

3) Untitled UI Esta herramienta tiene de todo un poco, referencias a elementos de UI y secciones para sitios web 🤯 Además, en su versión de pago, puedes acceder a un Figma para crear tus diseños más rápido. Dale un vistazo e inspirate 🧑🏽‍🎨 untitledui.com

coderdiaz's tweet image. 3) Untitled UI

Esta herramienta tiene de todo un poco, referencias a elementos de UI y secciones para sitios web 🤯

Además, en su versión de pago, puedes acceder a un Figma para crear tus diseños más rápido.

Dale un vistazo e inspirate 🧑🏽‍🎨

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://www.untitledui.com/">untitledui.com</a>

4) Prime Blocks Si lo tuyo es trabajar con Angular, este es para ti, bloques inspirados en Material Design. Aquí puedes encontrar ideas sobre bloques para diseñar dashboards y otros elementos de interfaz. blocks.primeng.org

coderdiaz's tweet image. 4) Prime Blocks

Si lo tuyo es trabajar con Angular, este es para ti, bloques inspirados en Material Design. 

Aquí puedes encontrar ideas sobre bloques para diseñar dashboards  y otros elementos de interfaz.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://blocks.primeng.org/">blocks.primeng.org</a>

5) Flowbite Componentes creados 100% usando TailwindCSS. Aquí podrás encontrar elementos de interfaz y secciones para darle un toque visual a tu proyecto. flowbite.com

coderdiaz's tweet image. 5) Flowbite

Componentes creados 100% usando TailwindCSS. Aquí podrás encontrar elementos de interfaz y secciones para darle un toque visual a tu proyecto.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://flowbite.com/">flowbite.com</a>

6) Ready UI Más de 200 bloques para construir sitios web super elegantes sin tanto lio. Aquí podrás encontrar Headers, Blog, Páginas de precios y contacto, entre muchos más. readyui.co

coderdiaz's tweet image. 6) Ready UI

Más de 200 bloques para construir sitios web super elegantes sin tanto lio.  Aquí podrás encontrar Headers, Blog, Páginas de precios y contacto, entre muchos más.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://readyui.co/">readyui.co</a>

7) Flowrift Una colección de bloques hechos en TailwindCSS para que puedas personalizarlos a tu gusto. Una gran herramienta para aquellos que buscan iterar rápido un proyecto. Psst.. tienen código fuente, copy/paste, personalizas y lanzas. flowrift.com

coderdiaz's tweet image. 7) Flowrift

Una colección de bloques hechos en TailwindCSS para que puedas personalizarlos a tu gusto. Una gran herramienta para aquellos que buscan iterar rápido un proyecto.

Psst.. tienen código fuente, copy/paste, personalizas y lanzas.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://flowrift.com/">flowrift.com</a>

8) Relume Library Aunque este es para usarlo en Figma, posee una larga colección visual de elementos con ideas para tus próximas interfaces y sitios web. library.relume.io

coderdiaz's tweet image. 8) Relume Library

Aunque este es para usarlo en Figma, posee una larga colección visual de elementos con ideas para tus próximas interfaces y sitios web.

<a style="text-decoration: none;" rel="nofollow" target="_blank" href="https://library.relume.io/">library.relume.io</a>

Como pudiste darte cuenta, en su mayoría estos recursos son de pago si es que quieres acceder a los archivos y código fuente para agilizar tu proceso de diseño y desarrollo. Sin embargo, puedes acceder a estos proyectos para conocer e inspirarte 🧑🏽‍🎨


Si te ha gustado este contenido y te interesa aprender sobre: → Diseño UX/UI → Figma → HTML & CSS → Desarrollo Web No dudes en seguirme @coderdiaz Y si te gusto, compártelo para que más personas puedan conocer estos maravillosos recursos.


Genial que les haya gustado estos recursos 🥹 ✅ No se olviden de seguirme para no perderse este contenido @coderdiaz


United States الاتجاهات
Loading...

Something went wrong.


Something went wrong.