Threads Components: 140+ Visual Flow & UI Components
Навігація
Threads Components: 140+ Visual Flow & UI Components
techno4-threads-components — відкрита бібліотека з понад 140 візуальних функціональних блоків для Threads Studio та потокової автоматизації ThreadsStream (IoT, ШІ, протоколи зв'язку, бази даних).
Встановлення
Встановіть бібліотеку компонентів для використання у вашому проєкті або середовищі Threads Studio:
npm install techno4-threads-components
Категорії компонентів
Бібліотека включає широкий спектр стандартизованих компонентів ThreadsStream:
| Кількість компонентів | Категорія | Призначення |
|---|---|---|
24 компоненти | Hardware & IoT | Serial UART, Modbus RTU/TCP, MQTT брокери, GPIO для Raspberry Pi/ESP32. |
18 компонентів | Audio & DSP | Осцилятори, фільтри низьких/високих частот, MIDI роутери, аудіо-спектроаналізатор. |
32 компоненти | AI & Data Flow | Інтеграція нейромереж, трансформація JSON/XML/Protobuf, буферизація та черги. |
40+ компонентів | Web & API Gateway | REST endpoints, WebSocket сервери/клієнти, авторизація JWT, rate-limiter. |
26 компонентів | UI Dashboards | Інтерактивні графіки, шкали вимірювань, перемикачі, світлодіодні індикатори. |
Використання у візуальному редакторі
Компоненти автоматично реєструються у палітрі Threads Studio. Ви можете перетягувати блоки на канвас, з'єднувати порти даних та налаштовувати параметри через інспектор властивостей.
// Приклад коду кастомного компонента ThreadsStream
exports.id = 'sensor-reader';
exports.name = 'Sensor Reader';
exports.group = 'Hardware';
exports.version = '2.0.4';
exports.author = 'Mykola Zghurskyi';
exports.make = function(instance, config) {
instance.message = function($) {
var payload = $.data;
// Обробка вхідного пакету сенсора
var temperature = (payload[0] << 8 | payload[1]) / 100.0;
$.send('output', { temp: temperature, timestamp: Date.now() });
};
};
- TECHNO4 FRAMEWORK2
- Get Started
- Boonker
- Installation
- Package Structure
- App HTML Layout
- RTL Layout
- Initialize App
- Events
- Router Component
- Routes
- Store
- App/Core
- Accordion/Collapsible
- Action Sheet
- Area chart
- Autocomplete
- Badge
- Block/Content Block
- Breadcrumbs
- Button
- Calendar/Date Picker
- Cards
- Checkbox
- Chips
- Color Picker
- Contact List
- Data Table
- Dialog
- Floating action button
- Form
- Gauge
- Icons
- Inputs / Form Inputs
- Grid /Layout Grid
- Link
- List Button
- List View
- List Index
- Login Screen
- Menu List
- Messagebar
- Navbar
- Messages
- Notification
- Panel/Side Panels
- Photo Browser
- Picker
- Pie Chart
- Popover
- Popup
- Preloader
- Progressbar
- Pull to Refresh
- Radio
- Range Slider
- Searchbar
- Segmented
- Sheet Modal
- Skeleton
- Introduction
- Page
- Infinite Scroll
- Tabs
- Swiper
- Smart Select
- Sortable List
- Statusbar
- Stepper
- Subnavbar
- Swipeout
- Text Editor
- Timeline
- Toast
- Toggle
- Toolbar & Tabbar
- Tooltip
- Touch Ripple
- Treeview
- Virtual List
- Elevation
- Apache Cordova Integration
- Hardware: Web Audio API & Synth
- Hardware: Web MIDI Inspector
- Hardware: Web Serial UART Terminal
- Threads Studio: Visual Workflows
- Techno4 CLI: Scaffolding Reference
- DOM64: Selector Engine
- Rollup & Vite Component Compiler
- Початок роботи
- Techno4 Total
- Threads Components
- Types