studiometa / ui
A set of opiniated, unstyled and accessible components.
Installs: 12 283
Dependents: 2
Suggesters: 0
Security: 0
Stars: 10
Watchers: 8
Forks: 1
Open Issues: 28
Language:TypeScript
pkg:composer/studiometa/ui
Requires
- php: ^8.1
 - iconify/json: ^2.2
 - iconify/json-tools: ^1.0
 - studiometa/twig-toolkit: ^2.1.1
 - twig/twig: ^3.19.0
 
Requires (Dev)
- mallardduck/prettier-php-runner: ^1.0
 - pestphp/pest: ^2.0|^3.0
 - phpstan/phpstan: ^2.1
 - spatie/pest-plugin-snapshots: ^2.0
 - squizlabs/php_codesniffer: ^3.6
 
- dev-develop
 - 1.3.0
 - 1.2.0
 - 1.1.1
 - 1.1.0
 - 1.0.1
 - 1.0.0
 - 1.0.0-rc.7
 - 1.0.0-rc.6
 - 1.0.0-rc.5
 - 1.0.0-rc.4
 - 1.0.0-rc.3
 - 1.0.0-rc.2
 - 1.0.0-rc.1
 - 1.0.0-rc.0
 - 1.0.0-beta.1
 - 1.0.0-beta.0
 - 1.0.0-alpha.14
 - 1.0.0-alpha.13
 - 1.0.0-alpha.12
 - 1.0.0-alpha.11
 - 1.0.0-alpha.9
 - 1.0.0-alpha.8
 - 1.0.0-alpha.7
 - 1.0.0-alpha.6
 - 1.0.0-alpha.5
 - 1.0.0-alpha.4
 - 1.0.0-alpha.3
 - 1.0.0-alpha.2
 - 1.0.0-alpha.1
 - 1.0.0-alpha.0
 - 0.2.54
 - 0.2.53
 - 0.2.52
 - 0.2.51
 - 0.2.50
 - 0.2.49
 - 0.2.48
 - 0.2.47
 - 0.2.46
 - 0.2.45
 - 0.2.44
 - 0.2.43
 - 0.2.42
 - 0.2.41
 - 0.2.40
 - 0.2.39
 - 0.2.38
 - 0.2.37
 - 0.2.36
 - 0.2.35
 - 0.2.34
 - 0.2.33
 - 0.2.32
 - 0.2.31
 - 0.2.30
 - 0.2.29
 - 0.2.28
 - 0.2.27
 - 0.2.26
 - 0.2.25
 - 0.2.24
 - 0.2.23
 - 0.2.22
 - 0.2.21
 - 0.2.20
 - 0.2.19
 - 0.2.18
 - 0.2.17
 - 0.2.16
 - 0.2.15
 - 0.2.14
 - 0.2.13
 - 0.2.12
 - 0.2.11
 - 0.2.10
 - 0.2.9
 - 0.2.8
 - 0.2.7
 - 0.2.6
 - 0.2.3
 - 0.2.2
 - 0.2.1
 - 0.2.0
 - dev-release/1.4.0
 - dev-feature/fetch
 - dev-bugfix/tw-v4
 - dev-renovate/dev-dependencies
 - dev-master
 - dev-release/1.3.0
 - dev-feature/carousel
 - dev-feature/hoverable-controller
 - dev-feature/twig-play-range-helpers
 - dev-feature/draggable-steps
 - dev-feature/mapboxmap-and-markers
 - dev-feature/slider-wheel
 - dev-cursor/update-body-styles-in-slider-examples-175b
 - dev-bugfix/twig-extension-globals
 - dev-support/0.2.x
 - dev-feature/reviews-section
 - dev-feature/AnchorScrollto-hash-cloak
 - dev-feature/accessibility-iconimginline
 - dev-feature/readmore-component
 - dev-feature/accessibility
 - dev-feature/fix-accordion-open-state
 
This package is auto-updated.
Last update: 2025-11-04 15:59:26 UTC
README
A set of JS and Twig components powered by @studiometa/js-toolkit, Tailwind CSS and studiometa/twig-toolkit.
Installation
Install the latest version via NPM:
npm install @studiometa/ui
If you need the Twig templates as well, install the Twig extension via Composer and load it in your application:
composer require studiometa/ui
Usage
Import the components from the package as needed:
import { Base, createApp } from '@studiometa/js-toolkit'; import { Action, Frame, Modal, ScrollAnimation, ScrollReveal, Slider } from '@studiometa/ui'; class App extends Base { static config = { name: 'App', components: { Action, Frame, Modal, ScrollAnimation, ScrollReveal, Slider, }, }; } export default createApp(App);
Heads up to ui.studiometa.dev for more informations.
Contributing
Please read the contribution docs.