From b4fda5bb33bb58dc93fcf493e28b9a61abbe1711 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 05:13:32 +0000 Subject: [PATCH 1/8] Initial plan From 78c5255eddbb56e98b08b6831a677a62e5929c84 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 06:16:00 +0000 Subject: [PATCH 2/8] Redesign elegant homepage with modern layout and sections Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com> --- apps/site/app/page.tsx | 299 +++++++++++++++++++++++++++++++++++++++-- 1 file changed, 286 insertions(+), 13 deletions(-) diff --git a/apps/site/app/page.tsx b/apps/site/app/page.tsx index 643d1719..4d6b4e07 100644 --- a/apps/site/app/page.tsx +++ b/apps/site/app/page.tsx @@ -2,19 +2,292 @@ import Link from 'next/link'; export default function HomePage() { return ( -
-
-

Object UI

-

- A Universal, Schema-Driven UI Engine built on React, Tailwind, and Shadcn UI. -

- - Get Started - -
+
+ {/* Hero Section */} +
+
+
+
+
+ ✨ The Universal Schema-Driven UI Engine +
+

+ From JSON to + World-Class UI + in Minutes +

+

+ Build beautiful, production-ready interfaces without writing React code. + Just define your UI in JSON and let ObjectUI handle the rest with Tailwind CSS and Shadcn UI. +

+
+ + Get Started + + + + + + + + + View on GitHub + +
+
+ + {/* Code Preview */} +
+
+
+
+
+
+
+ 
+                {`{
+  "type": "page",
+  "title": "Dashboard",
+  "body": {
+    "type": "grid",
+    "columns": 3,
+    "items": [
+      {
+        "type": "card",
+        "title": "Total Users",
+        "value": "\${stats.users}"
+      },
+      {
+        "type": "card", 
+        "title": "Revenue",
+        "value": "\${stats.revenue}"
+      },
+      {
+        "type": "card",
+        "title": "Orders", 
+        "value": "\${stats.orders}"
+      }
+    ]
+  }
+}`}
+
+
+
+
+
+ + {/* Features Section */} +
+
+
+

+ Why Choose ObjectUI? +

+

+ Stop writing repetitive UI code. Build faster with better results. +

+
+ +
+ {/* Feature 1 */} +
+
+ + + +
+

+ Blazing Fast +

+

+ 3x faster page loads and 6x smaller bundle sizes compared to traditional low-code platforms. Built on React 18+ with automatic optimizations. +

+
+ + {/* Feature 2 */} +
+
+ + + +
+

+ Beautiful by Default +

+

+ Professional designs using Tailwind CSS and Shadcn UI. Light/dark theme support, fully customizable, and WCAG 2.1 AA accessible. +

+
+ + {/* Feature 3 */} +
+
+ + + +
+

+ Developer Friendly +

+

+ TypeScript-first with complete type definitions. Zero learning curve if you know React. Works with existing tools and workflows. +

+
+ + {/* Feature 4 */} +
+
+ + + +
+

+ Production Ready +

+

+ 85%+ test coverage, enterprise security built-in, comprehensive documentation, and active development support. +

+
+ + {/* Feature 5 */} +
+
+ + + +
+

+ Modular Architecture +

+

+ Tree-shakable packages, lazy-loaded plugins, and support for Server Components. Only load what you need. +

+
+ + {/* Feature 6 */} +
+
+ + + +
+

+ Backend Agnostic +

+

+ Works with any backend through universal DataSource interface. REST, GraphQL, Firebase, or custom adapters. +

+
+
+
+
+ + {/* Stats Section */} +
+
+
+
+
60+
+
Components
+
+
+
85%+
+
Test Coverage
+
+
+
50KB
+
Bundle Size
+
+
+
+
+ + {/* Use Cases Section */} +
+
+
+

+ What Can You Build? +

+

+ From admin panels to dashboards, ObjectUI handles it all +

+
+ +
+ {[ + { icon: "📊", title: "Dashboards", desc: "Data visualization and analytics" }, + { icon: "⚙️", title: "Admin Panels", desc: "Complete CRUD interfaces" }, + { icon: "📝", title: "Forms", desc: "Complex multi-step forms" }, + { icon: "📄", title: "CMS", desc: "Content management systems" }, + { icon: "🔧", title: "Internal Tools", desc: "Business applications" }, + { icon: "🎨", title: "Prototypes", desc: "Rapid UI prototyping" } + ].map((useCase, index) => ( +
+
{useCase.icon}
+

+ {useCase.title} +

+

+ {useCase.desc} +

+
+ ))} +
+
+
+ + {/* CTA Section */} +
+
+
+
+

+ Ready to Build Something Amazing? +

+

+ Join developers who are building faster with ObjectUI. Get started in minutes with our comprehensive documentation. +

+
+ + Get Started Now + + + Star on GitHub + +
+
+
+
+
+ + {/* Footer */} +
); } From 25e34dc2ea4fbb979396000ae56c46d842a6ede5 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 06:18:12 +0000 Subject: [PATCH 3/8] Fix code review issues: remove non-standard classes, use unique keys, fix footer URL Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com> --- apps/site/app/page.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/apps/site/app/page.tsx b/apps/site/app/page.tsx index 4d6b4e07..e69bc2c8 100644 --- a/apps/site/app/page.tsx +++ b/apps/site/app/page.tsx @@ -5,7 +5,6 @@ export default function HomePage() {
{/* Hero Section */}
-
@@ -230,8 +229,8 @@ export default function HomePage() { { icon: "📄", title: "CMS", desc: "Content management systems" }, { icon: "🔧", title: "Internal Tools", desc: "Business applications" }, { icon: "🎨", title: "Prototypes", desc: "Rapid UI prototyping" } - ].map((useCase, index) => ( -
+ ].map((useCase) => ( +
{useCase.icon}

{useCase.title} @@ -282,8 +281,8 @@ export default function HomePage() {

Built with ❤️ by the{' '} - - ObjectQL Team + + ObjectStack Team

From 63ab58b59132a68346a96c54f319b8c85b74bc40 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 06:18:58 +0000 Subject: [PATCH 4/8] Remove trailing whitespace for consistent formatting Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com> --- apps/site/app/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/site/app/page.tsx b/apps/site/app/page.tsx index e69bc2c8..e9201539 100644 --- a/apps/site/app/page.tsx +++ b/apps/site/app/page.tsx @@ -65,13 +65,13 @@ export default function HomePage() { "value": "\${stats.users}" }, { - "type": "card", + "type": "card", "title": "Revenue", "value": "\${stats.revenue}" }, { "type": "card", - "title": "Orders", + "title": "Orders", "value": "\${stats.orders}" } ] From a446d4a29c9fd2f0c286dfd98303af6e20da9f76 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 06:26:58 +0000 Subject: [PATCH 5/8] Fix fumadocs style conflict by isolating RootProvider to docs layout only Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com> --- apps/site/app/docs/layout.tsx | 9 ++++++--- apps/site/app/layout.tsx | 5 +---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/apps/site/app/docs/layout.tsx b/apps/site/app/docs/layout.tsx index a66f086e..607ef90b 100644 --- a/apps/site/app/docs/layout.tsx +++ b/apps/site/app/docs/layout.tsx @@ -1,11 +1,14 @@ import { source } from '@/lib/source'; import type { ReactNode } from 'react'; import { DocsLayout } from 'fumadocs-ui/layouts/docs'; +import { RootProvider } from 'fumadocs-ui/provider'; export default function Layout({ children }: { children: ReactNode }) { return ( - - {children} - + + + {children} + + ); } diff --git a/apps/site/app/layout.tsx b/apps/site/app/layout.tsx index 98ffe352..395aeb42 100644 --- a/apps/site/app/layout.tsx +++ b/apps/site/app/layout.tsx @@ -1,13 +1,10 @@ import './global.css'; -import { RootProvider } from 'fumadocs-ui/provider'; import type { ReactNode } from 'react'; export default function Layout({ children }: { children: ReactNode }) { return ( - - {children} - + {children} ); } From 3911242777de7984727feb4b38adcc54fec2031c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 06:40:25 +0000 Subject: [PATCH 6/8] Redesign homepage with fumadocs HomeLayout including navbar, search, and theme toggle Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com> --- apps/site/app/docs/layout.tsx | 9 +-- apps/site/app/layout.tsx | 5 +- apps/site/app/page.tsx | 136 +++++++++++++++++++--------------- 3 files changed, 82 insertions(+), 68 deletions(-) diff --git a/apps/site/app/docs/layout.tsx b/apps/site/app/docs/layout.tsx index 607ef90b..a66f086e 100644 --- a/apps/site/app/docs/layout.tsx +++ b/apps/site/app/docs/layout.tsx @@ -1,14 +1,11 @@ import { source } from '@/lib/source'; import type { ReactNode } from 'react'; import { DocsLayout } from 'fumadocs-ui/layouts/docs'; -import { RootProvider } from 'fumadocs-ui/provider'; export default function Layout({ children }: { children: ReactNode }) { return ( - - - {children} - - + + {children} + ); } diff --git a/apps/site/app/layout.tsx b/apps/site/app/layout.tsx index 395aeb42..98ffe352 100644 --- a/apps/site/app/layout.tsx +++ b/apps/site/app/layout.tsx @@ -1,10 +1,13 @@ import './global.css'; +import { RootProvider } from 'fumadocs-ui/provider'; import type { ReactNode } from 'react'; export default function Layout({ children }: { children: ReactNode }) { return ( - {children} + + {children} + ); } diff --git a/apps/site/app/page.tsx b/apps/site/app/page.tsx index e9201539..3c4f7e12 100644 --- a/apps/site/app/page.tsx +++ b/apps/site/app/page.tsx @@ -1,28 +1,42 @@ import Link from 'next/link'; +import { HomeLayout } from 'fumadocs-ui/layouts/home'; export default function HomePage() { return ( -
+ {/* Hero Section */} -
-
+
+
-
+
✨ The Universal Schema-Driven UI Engine
-

+

From JSON to - World-Class UI + World-Class UI in Minutes

-

+

Build beautiful, production-ready interfaces without writing React code. Just define your UI in JSON and let ObjectUI handle the rest with Tailwind CSS and Shadcn UI.

Get Started @@ -33,7 +47,7 @@ export default function HomePage() { href="https://github.com/objectstack-ai/objectui" target="_blank" rel="noopener noreferrer" - className="inline-flex items-center justify-center rounded-lg border-2 border-gray-300 bg-white px-8 py-3.5 text-base font-semibold text-gray-900 transition-all hover:border-gray-400 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-500 dark:hover:bg-gray-700" + className="inline-flex items-center justify-center rounded-lg border-2 border-fd-border bg-fd-background px-8 py-3.5 text-base font-semibold text-fd-foreground transition-all hover:bg-fd-accent/50" > @@ -45,13 +59,13 @@ export default function HomePage() { {/* Code Preview */}
-
+
- 
+              
                 {`{
   "type": "page",
   "title": "Dashboard",
@@ -84,104 +98,104 @@ export default function HomePage() {
{/* Features Section */} -
+
-

+

Why Choose ObjectUI?

-

+

Stop writing repetitive UI code. Build faster with better results.

{/* Feature 1 */} -
-
- +
+
+
-

+

Blazing Fast

-

+

3x faster page loads and 6x smaller bundle sizes compared to traditional low-code platforms. Built on React 18+ with automatic optimizations.

{/* Feature 2 */} -
-
- +
+
+
-

+

Beautiful by Default

-

+

Professional designs using Tailwind CSS and Shadcn UI. Light/dark theme support, fully customizable, and WCAG 2.1 AA accessible.

{/* Feature 3 */} -
-
- +
+
+
-

+

Developer Friendly

-

+

TypeScript-first with complete type definitions. Zero learning curve if you know React. Works with existing tools and workflows.

{/* Feature 4 */} -
-
- +
+
+
-

+

Production Ready

-

+

85%+ test coverage, enterprise security built-in, comprehensive documentation, and active development support.

{/* Feature 5 */} -
-
- +
+
+
-

+

Modular Architecture

-

+

Tree-shakable packages, lazy-loaded plugins, and support for Server Components. Only load what you need.

{/* Feature 6 */} -
-
- +
+
+
-

+

Backend Agnostic

-

+

Works with any backend through universal DataSource interface. REST, GraphQL, Firebase, or custom adapters.

@@ -190,9 +204,9 @@ export default function HomePage() {
{/* Stats Section */} -
+
-
+
60+
Components
@@ -210,13 +224,13 @@ export default function HomePage() {
{/* Use Cases Section */} -
+
-

+

What Can You Build?

-

+

From admin panels to dashboards, ObjectUI handles it all

@@ -230,12 +244,12 @@ export default function HomePage() { { icon: "🔧", title: "Internal Tools", desc: "Business applications" }, { icon: "🎨", title: "Prototypes", desc: "Rapid UI prototyping" } ].map((useCase) => ( -
+
{useCase.icon}
-

+

{useCase.title}

-

+

{useCase.desc}

@@ -247,18 +261,18 @@ export default function HomePage() { {/* CTA Section */}
-
+
-

+

Ready to Build Something Amazing?

-

+

Join developers who are building faster with ObjectUI. Get started in minutes with our comprehensive documentation.

Get Started Now @@ -266,7 +280,7 @@ export default function HomePage() { href="https://github.com/objectstack-ai/objectui" target="_blank" rel="noopener noreferrer" - className="rounded-lg border-2 border-white bg-transparent px-8 py-3.5 text-base font-semibold text-white transition-all hover:bg-white hover:text-blue-600" + className="rounded-lg border-2 border-fd-primary-foreground bg-transparent px-8 py-3.5 text-base font-semibold text-fd-primary-foreground transition-all hover:bg-fd-primary-foreground hover:text-fd-primary" > Star on GitHub @@ -277,16 +291,16 @@ export default function HomePage() {
{/* Footer */} -
+ ); } From 588eb2b631d5e9bbd7120ffa334d99bbd50857d3 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 07:25:14 +0000 Subject: [PATCH 7/8] Fix docs sidebar height issue with CSS override Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com> --- apps/site/app/docs/layout.tsx | 8 +++++++- apps/site/app/global.css | 7 +++++++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/apps/site/app/docs/layout.tsx b/apps/site/app/docs/layout.tsx index a66f086e..dcf7f744 100644 --- a/apps/site/app/docs/layout.tsx +++ b/apps/site/app/docs/layout.tsx @@ -4,7 +4,13 @@ import { DocsLayout } from 'fumadocs-ui/layouts/docs'; export default function Layout({ children }: { children: ReactNode }) { return ( - + {children} ); diff --git a/apps/site/app/global.css b/apps/site/app/global.css index b5c61c95..5b27a7ca 100644 --- a/apps/site/app/global.css +++ b/apps/site/app/global.css @@ -1,3 +1,10 @@ @tailwind base; @tailwind components; @tailwind utilities; + +/* Fix for docs sidebar height - ensure it extends to full viewport */ +aside[role="complementary"], +[role="complementary"] { + inset-block-end: 0 !important; + height: 100vh !important; +} From 11704e37fd3dd6ef0ed544d15285f22a9a26913e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 20 Jan 2026 07:55:22 +0000 Subject: [PATCH 8/8] Fix root cause: Remove duplicate RootProvider from docs layout Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com> --- apps/site/app/docs/layout.tsx | 8 +------- apps/site/app/global.css | 7 ------- 2 files changed, 1 insertion(+), 14 deletions(-) diff --git a/apps/site/app/docs/layout.tsx b/apps/site/app/docs/layout.tsx index dcf7f744..a66f086e 100644 --- a/apps/site/app/docs/layout.tsx +++ b/apps/site/app/docs/layout.tsx @@ -4,13 +4,7 @@ import { DocsLayout } from 'fumadocs-ui/layouts/docs'; export default function Layout({ children }: { children: ReactNode }) { return ( - + {children} ); diff --git a/apps/site/app/global.css b/apps/site/app/global.css index 5b27a7ca..b5c61c95 100644 --- a/apps/site/app/global.css +++ b/apps/site/app/global.css @@ -1,10 +1,3 @@ @tailwind base; @tailwind components; @tailwind utilities; - -/* Fix for docs sidebar height - ensure it extends to full viewport */ -aside[role="complementary"], -[role="complementary"] { - inset-block-end: 0 !important; - height: 100vh !important; -}