Framework Integration — MeoNode UI

Embark on your development journey with a bang! This comprehensive guide walks you through integrating our powerful UI library into your favorite frameworks. Whether you're building a blazing-fast static site or a dynamic, data-driven application, we've got you covered. Get ready to build beautiful, responsive, and scalable user interfaces in minutes!

Choose Your Adventure

Select your preferred framework below and dive into a step-by-step guide tailored just for you. Each guide is meticulously crafted to ensure a smooth setup process, so you can start building amazing things right away.

Next.js

Vite

Related FAQ

How do I install and set up MeoNode UI?

Install @meonode/ui with your package manager of choice — no build step, transform, or Babel plugin is required. Framework-specific wiring is limited to the small amount of setup covered in each guide above.

Why am I getting TypeScript build errors with Page components in Next.js?

Next.js enforces its own PageProps signature on page components, which the Component HOC's props shape doesn't match. Keep top-level pages as plain functions that call .render(), and reserve the HOC for sub-components.

Why is Hot Module Replacement (HMR) not working for my sub-components?

Give component files a .tsx extension and wrap sub-components with Node() where the parent uses them. That keeps each component a stable module boundary the dev server can swap in place.

More details: /docs/getting-started/faq