Get started

Introduction

tectra is an open-source UI kit for Angular: 169 components and ready page blocks, design tokens, light and dark themes, 334 icons, a rich text editor and QR codes. Everything is standalone, on signals, zoneless and rendered on the server — and it looks finished out of the box.

Quick start

1. 1
   Install

   npm install tectra-ng

2. 2
   Provide a theme

   import { provideTectra } from '@tectra-ng/core/config';
   import { Tectra } from '@tectra-ng/themes';
   
   export const appConfig: ApplicationConfig = {
     providers: [provideTectra({ preset: Tectra })],
   };

3. 3
   Use a component

   import { TxButton } from '@tectra-ng/ui/button';
   
   @Component({
     imports: [TxButton],
     template: `<button txButton icon="check">Save</button>`,
   })

Browse by category

Try it here

Packages

Install tectra-ng for everything, or take the packages you need.

Principles