Built for modern React applications with developer experience and performance in mind.
Framework-agnostic SDK with React hooks, TanStack Query integration, and full TypeScript support.
Real-time theme customization with light/dark modes. Server-side injection prevents theme flashing.
Integrated file management with soft delete, scheduled cleanup, and delegation patterns.
Organized gallery system with tagging, metadata, and automatic file relationships.
Developer-defined key/value pairs for dynamic content. Update text, URLs, and config without code.
Built for agencies and SaaS. Manage multiple client sites with role-based access control.
Powered by Convex for instant data synchronization. Updates appear immediately.
Type-safe from database to frontend. Convex schema generates types automatically.
From dashboard to deployment in minutes.
Sign up and create a site in the Loomio dashboard. Configure your SEO, contact info, and brand settings.
// Dashboard creates your site
{
name: "My Portfolio",
url: "myportfolio.com",
description: "...",
theme: { ... }
}Add the Loomio SDK to your React project. It works with Next.js, Remix, or any React framework.
npm install @loomio/sdk
// or
pnpm add @loomio/sdk
yarn add @loomio/sdkImport hooks and start consuming your CMS data. Updates happen in real-time with automatic caching.
import { useSite, useGallery } from '@loomio/sdk/react'
function HomePage() {
const { data: site } = useSite()
const { data: gallery } = useGallery()
return <h1>{site.name}</h1>
}Clean API, excellent TypeScript support, and delightful developer experience.
import { defineConfig, LoomioProvider } from '@loomio/sdk/react'
import { Navbar } from '@/components/navbar'
import { Footer } from '@/components/footer'
import "./globals.css"
const config = defineConfig({
siteId: process.env.LOOMIO_SITE_ID
})
export default function RootLayout({ children }) {
return (
<html lang="en" className="antialiased bg-background text-foreground" suppressHydrationWarning>
<body>
<LoomioProvider config={config}>
<Navbar />
<main className="min-h-screen">
{children}
</main>
<Footer />
</LoomioProvider>
</body>
</html>
)
}End-to-end type safety from Convex schema to your React components
Full SSR support with smart caching strategies for Next.js, Remix, and more
Content changes appear instantly without polling or page refreshes
Built on industry-standard React Query for optimal caching and performance
Extend your CMS with purpose-built modules for common use cases.
Complete image management system with tags, metadata, and automatic file relationships.
Full-featured product catalog for e-commerce sites with inventory and pricing.
Embeddable chat widget for real-time visitor communication and support.
Rich content blog system with markdown support, categories, and SEO optimization.
Dynamic form builder with submissions tracking and email notifications.
Privacy-focused analytics to understand your audience and content performance.
More extensions coming soon
Have an idea for an extension? Let us know
Built on modern infrastructure for speed, reliability, and developer happiness.
Full TypeScript coverage from database to frontend
Lightning-fast data fetching with Convex
Content changes sync instantly across all clients
Works out of the box with Next.js and Remix