Trikoder Trim is user interface framework for building headless content management systems that connect to JSON:API powered backend. Craft responsive single page applications that work on all devices.
Headless and powered by JSON:API standard
Client applications built with Trikoder Trim are decoupled from server side technology stack. Develop with any backend that can process JSON datasets compliant with JSON:API specification.
Responsive UI for all screen sizes and devices
Admin panels built with Trikoder Trim framework are responsive single page applications powered by Vue.js. Extend components or write custom ones using powerful Vue dev tools and environment.
Open source, free and battle tested
Trikoder Trim is open source project and can be used in private or commercial projects free of charge. Library is developed, maintained and used by leading Croatian development agency Trikoder.
Elevate developer and user experience by decoupling frontend and agreeing on standardized API.
Communicate with backend efficiently
JSON:API standard defines how attribute and relation data is structured, how resources are created and updated. By agreeing on standardized input / output with your backend colleges and following shared conventions you can increase productivity and focus on your application.
Build resource UI in minutes
Define how resource is browsed, filtered and sorted in list, what form fields are rendered when resource is created or updated. All this is done inside one javascript file via domain specific language or API that anyone can easily read and write.
Design with built-in performance
Vue.js is doing its magic underneath all Trim controllers and components. To ensure maximum performance and scalability every controller and its resources are loaded on demand by utilizing your bundler’s code splitting features. No css framework is used and css is component scoped. Browser only downloads css and js related to currently viewed page.
Integrate your own components
Custom components and controllers can be easily injected to your Trim application. You can use standard Vue development environment with single file authoring format for composing component template, logic and styles.
