Introduction
Oblik Toolkit is a collection of minimal and extensible JavaScript components and utilities, created and maintained by Oblik Studio. It's not focused on reactivity like Vue or React. It's also not a framework with predesigned components like Bootstrap. What it does focus on is just interactive behaviors. Things like parallax and scroll effects, sliders, etc.
The toolkit can be compared to UIKit, from which it has drawn a lot of inspiration. The main difference is that Oblik focuses solely on the JavaScript parts and depends on CSS as little as possible, leaving styling in your hands.
Main goals of the project are:
- Giving you components with logic for interactive behaviors
- Allowing you to easily extend those components or create your own
- Providing a way to easily use components with just HTML attributes
# Architecture
- Components are expressed as ES6 classes in ES6 modules
- TypeScript is used to provide stability and enhance developer experience
- Code is compiled down to ES5 to support browsers up to IE11
Instead of providing do-it-all solutions, the target of Oblik is to give you object-oriented components that:
- are straightforward
- handle the majority of use cases
- can be configured through inheritance
Oblik is meant to be used as a dependency in your project where you import just the things you need. However, you could also use it straight from a CDN.