control.ts - Control your code with ease

control.ts is a lightweight (<1kb) and versatile UI library for building modern web applications with ease. With its intuitive syntax and powerful features, сontrol.ts simplifies the process of creating dynamic user interfaces.

Features

• Easy-to-Use API: сontrol.ts provides a familiar interface, with classes and functions named after HTML elements, making it simple to create and manipulate UI components.

• Modular Design: Each component is designed to be modular, allowing for easy customization and integration into existing projects.

• TypeScript Support: Built with TypeScript, сontrol.ts offers type safety and enhanced code readability, making it a great choice for large-scale projects.

Installation

To install control.ts, simply run:

1npm install @control.ts/min
2
3// or
4
5pnpm add @control.ts/min
6
7// or
8
9yarn add @control.ts/min

Getting Started

Using сontrol.ts is straightforward. Here's a basic example of creating a menu with links:

1import { nav, ul, li, a, mount } from '@control.ts/min';
2
3const links = [
4  { href: '/', text: 'Home' },
5  { href: '/about', text: 'About' },
6  { href: '/contact', text: 'Contact' },
7];
8
9const menu = nav(
10  {
11    className: 'nav-menu',
12  },
13  ul(
14    { className: 'menu' },
15    ...links.map((link) => li({ className: 'menu-item' }, a({ href: link.href, txt: link.text }))),
16  ),
17);
18
19const app = document.getElementById('app');
20mount(app!, menu);

License

сontrol.ts is licensed under the MIT License.

Contact

Have questions or need support? Feel free to reach out to us at support.

---