admin.elementar-rt.tulikas.de
Angular components for products people actually use.
Elementar RT is an open-source UI library on Material 3 and Tailwind 4. Five templates show what it builds.
One import path per component.
Every component ships as its own entry point, @elementar-rt/components/<name>, so an app pulls in the kanban board without paying for the video player. These are all 122 of them.
- action-required
- alert
- announcement
- avatar
- badge
- block-loader
- block-state
- bottom-sheet
- brand-colors
- breadcrumbs
- button-toggle
- calendar
- card
- card-overlay
- carousel
- chips
- clipboard-copy
- code-highlighter
- color-picker
- color-scheme
- combobox
- command-bar
- comment-editor
- comparison-slider
- confirm
- content-editor
- content-fade
- cookie-popup
- core
- country-select
- crop
- currency-select
- dashboard
- data-grid
- data-view
- date-format-select
- datepicker
- dialog
- digit-roller
- divider
- drawer
- emoji-picker
- empty-state
- expand
- expansion-panel
- filter-builder
- filter-select
- form-renderer
- gauge
- grid
- guided-tour
- headless-stepper
- icon
- image-placeholder
- image-resizer
- image-viewer
- image-zoom-viewer
- incidents
- inline-text-edit
- input-mask
- input-validator
- kanban-board
- keyboard
- layout
- list
- logo
- marquee
- menu
- micro-chart
- multi-select
- navigation
- notifications
- number-input
- overlay
- overlay-scrollbar
- page-loading-bar
- paginator
- panel
- password-strength
- phone-input
- pin-input
- popover
- progress-bar
- progress-spinner
- radio-card
- rail-nav
- rating
- resizable-container
- screen-loader
- scroll-spy
- segmented
- sidebar
- sidenav
- side-panel
- signature-pad
- skeleton
- slider
- snackbar
- sort
- splash-screen
- split-pane
- stat-card
- stepper
- step-tracker
- suggestions
- table
- tab-panel
- tabs
- tag
- text-editor
- thumbnail-maker
- tiles
- timeline
- timepicker
- timezone-select
- toast
- toolbar
- tooltip
- tree
- upload
- video-player
- video-viewer
Dark: imported directly by FinTrack, FitLog and FreelanceHQ.
Install
# new project (SCSS is required)
npx @angular/cli@21 new my-app --style=scss
cd my-app
# add the library, its theme and Tailwind setup
ng add @elementar-rt/componentsUsefrom FreelanceHQ, projects page
import { KanbanBoardComponent } from '@elementar-rt/components/kanban-board';
<emr-kanban-board [columns]="columns()"
(itemTransferred)="onTransferred($event)">
</emr-kanban-board>- Material 3 underneath
- Built on Angular Material and the CDK, so focus handling, overlays and design tokens behave the way Angular developers expect.
- Tailwind 4 alongside
- Layout and spacing stay in utility classes. Component styling stays in SCSS, themed through Material tokens.
- Themes, light and dark
- Presets for default, cyan-orange, magenta-violet and rose-red, each with a light and a dark scheme.
- Standalone,
emr-prefixed - No NgModules. Every component is standalone and every selector starts with
emr-. - MIT licensed
- Free for personal and commercial work. The source is on GitHub.
Templates built on Elementar RT
finance.elementar-rt.tulikas.de
fitlog.elementar-rt.tulikas.de
freelance.elementar-rt.tulikas.de
minimalistic.elementar-rt.tulikas.de
What it sits on.
No custom rendering layer and no design system to learn from scratch. Elementar RT is the layer between Angular Material and your screens.
- Your appStandalone components, signals, your routes and your API
- @elementar-rt/components122 entry points,
ng addschematic, theme presets - Tailwind CSS 4Utility classes for layout and spacing
- Angular Material 3Design tokens, CDK overlays, focus and a11y primitives
- Angular 21Peer dependency of the current release
Start with one command.
ng add @elementar-rt/components
- Package
@elementar-rt/components- License
- MIT
- Components
- Component showcase