Question 1

What is Great UI?

Accepted Answer

Great UI is a curated collection of production-ready, accessible React components built with Tailwind CSS, TypeScript, and Motion. It lets developers copy and paste sleek animations, page transitions, interactive cards, and layout elements directly into their projects.

Question 2

How do I install or use Great UI components?

Accepted Answer

You can copy and paste the component code directly or install components seamlessly using the shadcn CLI: npx shadcn@latest add https://www.great-ui.com/r/[component-name].json.

Question 3

Is Great UI free to use for commercial projects?

Accepted Answer

Yes, Great UI is free and open source. You can use all components in both personal and commercial projects without licensing fees.

Question 4

Does Great UI support Next.js App Router?

Accepted Answer

Yes, all components are built and tested for Next.js 15+ App Router, Vite, and modern React frameworks with complete Server-Side Rendering (SSR) compatibility.

Question 5

Are Great UI components accessible?

Accepted Answer

Yes, components comply with WCAG 2.1 AA guidelines, including full keyboard navigation, screen reader semantics, and reduced-motion preferences.

Question 6

什么是 Great UI？

Accepted Answer

Great UI 是一个基于 Tailwind CSS、TypeScript 和 Motion 构建的高性能开源 React 组件库，提供即拷即用的交互动画、页面转场、立体卡片与流体布局组件。

Question 7

如何安装或使用 Great UI 组件？

Accepted Answer

您可以直接复制组件代码并粘贴到项目中，或通过 shadcn CLI 一键安装：npx shadcn@latest add https://www.great-ui.com/r/[组件名称].json。

Question 8

Great UI 是否可以免费用于商业项目？

Accepted Answer

是的，Great UI 是完全开源免费的，您可以不受限制地将其应用于个人及商业项目。

Question 9

Great UI 是否支持 Next.js App Router？

Accepted Answer

完全支持。所有组件均经过针对 Next.js App Router 和服务端渲染（SSR）的优化与测试，无水合冲突或布局偏移。

Question 10

Great UI 组件是否具备无障碍访问（Accessibility）支持？

Accepted Answer

是的，组件遵循 WCAG 2.1 AA 标准，支持键盘无障碍导航、屏幕阅读器语义标签并适配用户的减弱动画系统设置。

Question 11

¿Qué es Great UI?

Accepted Answer

Great UI es una colección de componentes React accesibles y listos para producción, creados con Tailwind CSS, TypeScript y Motion para copiar y pegar directamente en tus proyectos.

Question 12

¿Cómo instalo o uso los componentes de Great UI?

Accepted Answer

Puedes copiar el código directamente o instalar componentes con el CLI de shadcn: npx shadcn@latest add https://www.great-ui.com/r/[nombre-componente].json.

Question 13

¿Es Great UI gratuito para proyectos comerciales?

Accepted Answer

Sí, Great UI es de código abierto y completamente gratuito tanto para proyectos personales como comerciales.

Question 14

¿Es compatible Great UI con Next.js App Router?

Accepted Answer

Sí, todos los componentes están optimizados para Next.js App Router y garantizan compatibilidad completa con SSR sin parpadeos.

Question 15

¿Son accesibles los componentes de Great UI?

Accepted Answer

Sí, cumplen con las pautas WCAG 2.1 AA, admiten navegación por teclado y respetan la preferencia prefers-reduced-motion.

Question 16

Qu'est-ce que Great UI ?

Accepted Answer

Great UI est une bibliothèque de composants React prêts pour la production, conçus avec Tailwind CSS, TypeScript et Motion, prêts à être copiés-collés dans vos projets.

Question 17

Comment installer ou utiliser les composants Great UI ?

Accepted Answer

Vous pouvez copier le code source ou installer les composants via la CLI shadcn : npx shadcn@latest add https://www.great-ui.com/r/[nom-composant].json.

Question 18

Great UI est-il gratuit pour les projets commerciaux ?

Accepted Answer

Oui, Great UI est libre et open source, utilisable sans frais pour les projets personnels et commerciaux.

Question 19

Great UI prend-il en charge Next.js App Router ?

Accepted Answer

Oui, tous les composants sont entièrement compatibles avec Next.js App Router et le rendu côté serveur (SSR).

Question 20

Les composants Great UI sont-ils accessibles ?

Accepted Answer

Oui, ils respectent les normes d'accessibilité WCAG 2.1 AA, incluant la navigation clavier et le support des lecteurs d'écran.

Question 21

ما هو Great UI؟

Accepted Answer

Great UI هي مكتبة مكونات React مفتوحة المصدر وجاهزة للإنتاج، مبنية باستخدام Tailwind CSS و TypeScript و Motion للنسخ واللصق المباشر في مشاريعك.

Question 22

كيف يمكنني تثبيت أو استخدام مكونات Great UI؟

Accepted Answer

يمكنك نسخ كود المكون ولصقه مباشرة أو تثبيته عبر shadcn CLI باستخدام الأمر: npx shadcn@latest add https://www.great-ui.com/r/[اسم-المكون].json.

Question 23

هل مكتبة Great UI مجانية للمشاريع التجارية؟

Accepted Answer

نعم، Great UI مجانية ومفتوحة المصدر بالكامل للمشاريع الشخصية والتجارية دون أي رسوم.

Question 24

هل تدعم Great UI نظام Next.js App Router؟

Accepted Answer

نعم، جميع المكونات مصممة ومختبرة لتعمل بكفاءة وسلاسة مع Next.js App Router والعرض على الخادم (SSR).

Question 25

هل تدعم مكونات Great UI معايير سهولة الوصول (Accessibility)؟

Accepted Answer

نعم، تتبع المكونات إرشادات WCAG 2.1 AA وتدعم التنقل الكامل عبر لوحة المفاتيح وقارئات الشاشة.

Question 26

Great UI とは何ですか？

Accepted Answer

Great UI は、Tailwind CSS、TypeScript、Motion で構築された高品質なオープンソース React コンポーネント集です。プロジェクトに直接コピー＆ペーストして使用できます。

Question 27

Great UI のコンポーネントはどのように導入しますか？

Accepted Answer

コードを直接コピー＆ペーストするか、shadcn CLI を使用して導入できます：npx shadcn@latest add https://www.great-ui.com/r/[コンポーネント名].json。

Question 28

Great UI は商用利用でも無料ですか？

Accepted Answer

はい、Great UI はオープンソースであり、個人利用・商用利用を問わず完全無料でご利用いただけます。

Question 29

Next.js App Router に対応していますか？

Accepted Answer

はい、全コンポーネントが Next.js App Router および SSR（サーバーサイドレンダリング）に完全対応しています。

Question 30

アクセシビリティ（a11y）には対応していますか？

Accepted Answer

はい、WCAG 2.1 AA ガイドラインに準拠し、キーボード操作やスクリーンリーダー、アニメーション抑制設定（prefers-reduced-motion）に対応しています。

5 Great Navigation Components

Navigation