npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

frameonix

v0.11.0

Published

A beautiful library with editable website layouts

Downloads

1,071

Readme

FrameOnix

FrameOnix es la solución ideal para desarrolladores que desean potenciar sus proyectos web con creatividad y eficiencia. Esta biblioteca te brinda la capacidad de personalizar cada componente según tus necesidades específicas, permitiéndote dar vida a diseños únicos que combinan modernidad y funcionalidad. Ya sea que trabajes en proyectos pequeños o aplicaciones complejas, FrameOnix está diseñada para facilitar tu flujo de trabajo, ahorrándote tiempo sin comprometer la calidad técnica.

Con herramientas innovadoras y una interfaz intuitiva, FrameOnix convierte la construcción de interfaces web en una experiencia ágil y flexible. Su enfoque en la simplicidad no solo fomenta la creatividad, sino que también garantiza resultados profesionales en cada etapa del desarrollo. Esta biblioteca ha sido creada pensando en desarrolladores de todos los niveles, ofreciendo documentación clara y ejemplos prácticos para que puedas aprovechar al máximo su potencial.

Consulta la documentación completa para más detalles sobre cómo usar los componentes y personalizarlos según tus necesidades.

¿Qué es FrameOnix?

FrameOnix es una solución basada en React que ofrece componentes diseñados para representar el layout completo de diferentes tipos de páginas web. En lugar de trabajar con secciones individuales, cada componente de FrameOnix incluye la estructura completa de un diseño específico, como un blog, un portafolio, una tienda en línea, entre otros.

Cada componente está dividido internamente en secciones (como encabezados, áreas principales, pies de página, etc.), lo que permite una personalización total de estilos y contenido mientras se conserva la coherencia estructural del diseño.

Además, como un proyecto de código abierto, FrameOnix está en constante evolución gracias a la colaboración de su comunidad. ¡Tú también puedes contribuir con tus ideas, mejoras y nuevas funcionalidades para hacerlo aún más útil para todos!

Características

  • Componentes predefinidos: Diseños completos para diversas secciones de páginas web.
  • Totalmente personalizable: Personaliza estilos y contenido sin perder la estructura del diseño.
  • Basado en React: Fácil integración con proyectos React.
  • Optimizado para rendimiento: Estructura ligera y eficiente.
  • Código abierto: Contribuye al desarrollo de la librería y mejora su funcionalidad.

Instalación

Consulta la documentación completa para más detalles sobre cómo usar los componentes y personalizarlos según tus necesidades.

Para instalar FrameOnix en tu proyecto, utiliza el siguiente comando de npm:

npm install frameonix

Si prefieres usar yarn:

`yarn add frameonix`

Contribuciones

FrameOnix es un proyecto de código abierto. Si tienes ideas para nuevas funcionalidades, mejoras o corrección de errores, ¡te invitamos a contribuir! Sigue estos pasos para contribuir:

  1. Haz un fork del repositorio.
  2. Crea una nueva rama (git checkout -b feature/nueva-funcionalidad).
  3. Realiza tus cambios.
  4. Haz un commit de tus cambios (git commit -am 'Agrega nueva funcionalidad').
  5. Empuja tus cambios (git push origin feature/nueva-funcionalidad).
  6. Abre un pull request.

Licencia

Este proyecto está licenciado bajo la Licencia MIT - consulta el archivo LICENSE para más detalles.

Contacto

Palabras clave

  • Web layouts
  • Editable layouts
  • Components
  • Website design
  • UI components
  • Web design library
  • Responsive layouts