Open Source · MIT License

Forge powerfulAngular UIs.

AngularForge builds open source libraries, tools, and community resources for modern Angular — signals-first, standalone, SSR-ready.

Get Started GitHub
npm install @angularforge/gallery
import { Component } from '@angular/core';
import { GalleryComponent, GalleryImage } from '@angularforge/gallery';

@Component({
  selector: 'app-root',
  imports: [GalleryComponent],
  templateUrl: './app.html',
})
export class App {
  images: GalleryImage[] = [
    { src: 'photo-1.jpg', alt: 'Mountain', width: 1920, height: 1080 },
    { src: 'photo-2.jpg', alt: 'Skyline', width: 1200, height: 800 },
    { src: 'photo-3.jpg', alt: 'Sunset', width: 1600, height: 900 },
  ];

  options = {
    layout: { distribution: '1/2', orientation: 'vertical' },
    showShareBtn: true,
  };
}

Built the modern Angular way

Every package follows the same uncompromising standards.

Reactive state with Signals

Every component is built with Angular Signals and computed() — fine-grained reactivity with no manual subscriptions and no memory leaks.

gallery.usage.ts
import { signal, computed } from '@angular/core';
import { GalleryImage } from '@angularforge/gallery';

const images = signal<GalleryImage[]>([]);
const count = computed(() => images().length);

// Update reactively — the gallery re-renders only what changed.
images.set(loadPhotos());

Packages

Open source libraries under the @angularforge scope.

  • v0.0.1

    @angularforge/command-palette

    A professional, accessible command palette for Angular — VS Code / Linear-style global search, fuzzy matching, keyboard shortcuts, and first-class Signals support.

    • Cmd+K / Ctrl+K
    • Fuzzy search
    • WCAG AA
    • SSR-ready
    View docs
  • v2.0.0

    @angularforge/gallery

    A feature-rich, accessible image gallery with lightbox, full-gallery overlay, 50+ layout distributions, and social sharing.

    • Lightbox
    • 50+ layouts
    • WCAG 2.2
    • SSR-ready
    View docs

  • More packages coming soon

Why AngularForge

Principles behind everything we ship.

  • Clean Code & Best Practices

    Strict typing, the official Angular Style Guide, and modern APIs throughout.

  • Reusable Libraries

    Composable, framework-idiomatic packages that drop into any Angular app.

  • Modular Architecture

    Standalone components and clear boundaries that scale with your codebase.

  • Performance Focused

    OnPush change detection, lazy loading, and tree-shaking for minimal JS.

  • Built for the Community

    Open source under MIT, documented in depth, and free forever.