Socket
Book a DemoInstallSign in
Socket

@rettangoli/ui

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rettangoli/ui

A UI component library for building web interfaces.

0.1.2-rc30
latest
Source
npmnpm
Version published
Maintainers
1
Created
Source

Rettangoli

Development

Folder Structure

src/
├── primitives/     # Basic web components built from scratch, no dependencies
└── components/     # Pre-built components using @rettangoli/fe
vt/                 # Uses @rettangoli/vt visual testing library
├── reference/      # Golden screenshots for visual testing
└── specs/          # HTML test specifications

Install dependencies

Use npx to install rtgl cli globally. You run into issues if try to use bunx.

npx i -g rtgl

Install dependencies

bun install

Generate specification screens

Bundles the code to be used for rettangoli-vt

bun run build:dev

Uses rettangoli-vt to generates test screens

bun run vt:generate

Test for any change using rettangoli-vt

bun run vt:report

Accept the changes by updating the reference screenshots

bun run vt:accept

You can then access the generates screens

bun run serve

Open http://localhost:3000/view to see the specification screens

Usage

Install via CDN

Use via CDN iife (Immediately Invoked Function Expression) us JSDeliver

Primitives only. This might be useful if you want a light weight version and use only the primitives.

<script src="https://cdn.jsdelivr.net/npm/@rettangoli/ui@latest/dist/rettangoli-layout.iife.min.js"></script>

All primitives and components

<script src="https://cdn.jsdelivr.net/npm/@rettangoli/ui@latest/dist/rettangoli-ui.iife.min.js"></script>

Install via NPM

Install package

npm install @rettangoli/ui

Import the package. This allows you to configure more flexible options and to treeshake only the code that you need.

import { RettangoliView } '@rettangoli/ui';
customElements.define("rtgl-view", RettangoliView({}));

Stylesheet file

Make sure you import a stylesheet file from your html file. Example

Keywords

ui

FAQs

Package last updated on 25 Aug 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.