[$] AlignUI: Code Library

Changelog

This is a complete component library built for React, styled with TailwindCSS. With our extensive code library, you'll build faster, maintain consistency, and have access to well-documented components.

Landing Page Sections

We are releasing one of the largest expansions in AlignUI’s history.

It introduces a modular landing page system built from over 150 sections across 16 categories, each available for both desktop and mobile. This update helps you design high-performing, visually balanced pages faster and with greater confidence. Every layout follows AlignUI’s refined variable structure, spacing tokens, and typography hierarchy..

Section Library Overview

A concise overview of 16 landing page categories — each refined for flexibility, clarity, and consistency across all screen sizes.

• Headers (20 variants)

• Brand & Social Proof (18 variants)

• Features (24 variants)

• Stats & Metrics (20 variants)

• How it Works (24 variants)

• Testimonials (20 variants)

• Pricing (20 variants)

• Integrations (24 variants)

• Careers (22 variants)

• Teams (32 variants)

• Contact (36 variants)

• Newsletter (36 variants)

• CTA (46 variants)

• FAQ (20 variants)

• Blog (24 variants)

• Footer (24 variants)

Additional Components & Pages

Supporting elements that extend the landing page system — including navigations, announcements, and shared assets built for flexible use.

• Navigations (80 variants)

• Announcements (36 variants)
• Assets (includes helper components for landing pages)

Landing Page Examples

10+ full landing pages demonstrate how AlignUI’s modular system scales across different layouts and industries — with more examples coming soon.

• Examples & Templates (more than 10 examples)

AI Template

The AI Template is designed for chat-based platforms, AI assistants, and automation workflows. It provides a complete product foundation with an emphasis on clarity and scalability.

• 35 plus pages covering chat, projects, settings, and authentication

• Dedicated layouts for Empty, Active Chat, and Collapsed states

• Project-management and workspace pages for organizing content

• Prompt-area variations supporting text, image, and contextual inputs (Added Image, Chat POV)

• Complete authentication flow with Sign in, Sign up, and Reset Password

• Settings pages for Workspace, Account, and Security

• Light & Dark Mode optimization through the updated variable palette

• Fully responsive structure ensuring consistency across devices

Crypto Template

The Crypto Template introduces a refined structure for dashboards, wallets, and analytics platforms. Its layouts emphasize precision, legibility, and balance in data-dense environments.

• 20 plus pages covering trading, analytics, and wallet management
• Dynamic overview tables with Compact and Detailed views for real-time information
• Token search modals with Default, Active, and Empty states
• Wallet and navigation dropdowns for Favorites, Notifications, and Menu
• Advanced table filters for Type, Date, and Token
• Complete authentication flow including Email Sign in, Email Verification, and Connect Wallet
• Clean empty states and modular cards for streamlined visualization
• Light and Dark Mode support aligned with updated alpha and color systems

Visual & Variable Improvements

Fine-tuned visuals and system variables for smoother, more consistent design performance.

• New shadow presets and alpha-color variants added to the variable system
• Primary palette refreshed with improved dark-mode contrast
• The fourth primary color updated to Sky / Green for a smoother tonal transition
• Mobile designs added for HR Management, Finance, and Marketing templates

Typography & Components

Refined type hierarchy and new interface elements that expand usability and creative range.

• Six new title-typography styles introduced for landing pages
• New Checkbox (X-Small) size added
• DM MONO font integrated for technical and data contexts
• Added a Green Alpha variant expanding tonal depth