Skip to main content
Openlane UI Hero Light

​
Overview

Openlane UI is a comprehensive monorepo containing all frontend assets for the Openlane compliance automation platform. Built on modern web technologies, it provides both a full-featured console application and a reusable component library.
Compliance isn’t just a checkbox—it’s your reputation. Openlane streamlines compliance workflows with a developer-first approach.

​
What’s Inside?

This monorepo is powered by Bun and Turborepo, containing multiple applications and shared packages:

​
Applications

Openlane Console

Full-featured compliance management SaaS platform with authentication, dashboards, and comprehensive compliance workflows

Storybook

Interactive component documentation and development environment at storybook.theopenlane.io

​
Packages

@repo/codegen

Auto-generated GraphQL functions using @graphql-codegen for type-safe API requests

@repo/ui

Comprehensive UI component library with 50+ components built on Radix UI and Tailwind CSS

@repo/dally

Data Access Layer (DAL) library sharing common patterns and functionality across applications

Configuration Packages

Shared ESLint, TypeScript, and Tailwind configurations for consistent development experience

​
Technology Stack

Openlane UI leverages best-in-class technologies for modern web development:

Next.js 16

Latest Next.js with App Router for server-side rendering and optimal performance

React 19

Latest React with improved concurrent rendering and server components

TypeScript

Full type safety across the entire codebase for better developer experience

Tailwind CSS 4

Utility-first CSS framework for rapid UI development

Bun

Ultra-fast JavaScript runtime and package manager

Turborepo

High-performance build system for monorepo management

​
Core Libraries

  • SWR - Client-side data fetching with automatic caching and revalidation
  • Radix UI - Unstyled, accessible component primitives
  • TanStack Query - Powerful data synchronization for server state
  • NextAuth.js - Complete authentication solution with OAuth providers
  • GraphQL - Type-safe API communication with the Openlane backend

​
Key Features

Comprehensive compliance management including:
  • Control frameworks and implementations
  • Risk assessment and management
  • Policy and procedure documentation
  • Evidence collection and tracking
  • Automated compliance reporting
Secure authentication with multiple providers:
  • GitHub OAuth integration
  • Google OAuth integration
  • Single Sign-On (SSO) support
  • WebAuthn/Passkey support
  • Multi-factor authentication
Built for developers with:
  • Full TypeScript support
  • GraphQL code generation
  • Hot module replacement
  • Component-driven development
  • Comprehensive testing setup
Production-ready features:
  • Multi-organization support
  • Role-based access control
  • Audit logging
  • Custom branding
  • Stripe billing integration

​
Architecture Highlights

The monorepo architecture enables:
  • Code Sharing: Reusable components and utilities across applications
  • Consistent Configuration: Shared linting, formatting, and build configs
  • Type Safety: End-to-end TypeScript with shared type definitions
  • Optimized Builds: Turborepo caching for faster development and CI/CD

Quick Start

Get running locally in 5 minutes

Installation

Detailed setup instructions

Contributing

Join our open source community

​
Community & Support

Ready to get started? Head over to the Quick Start guide to run Openlane UI locally.

Build docs developers (and LLMs) love

Get started for freeTalk to us