Blocks
systaliko blocks: 96 sections with preview
All 96 blocks systaliko publishes, with categories, file counts and licence. The table ranks the sections with the most files and links every block page.
Key points
- 96 heavily animated blocks: menus, card stacks and AI conversations.
- MIT licence with three heavy npm dependencies.
- Registry on vercel.app: the domain is part of the install chain.
systaliko publishes 96 blocks in 96 files, strongly animation-led: six animated menus, twelve card blocks, six AI conversation sections. It is the most motion-driven catalogue in this series.
Blocks with the most files
| Block | Registry | Files | Category |
|---|---|---|---|
| Ai Conversation Loop | systaliko | 1 | conversation |
| Ai conversation loop Demo | systaliko | 1 | conversation |
| Animated Menu | systaliko | 1 | animated |
| Animated Menu 2 Demo | systaliko | 1 | animated |
| Animated Menu Demo | systaliko | 1 | animated |
| Animated Menu Demo | systaliko | 1 | animated |
| Cards Stack | systaliko | 1 | cards |
| Stack small cards Demo | systaliko | 1 | stack |
What this source contains
- Repository: YoucefBnm/Systaliko-UI
- Site: https://systaliko.com
- Licence: MIT (LICENSE file in the YoucefBnm/Systaliko-UI repository)
- Categories: taken from the publisher's manifest, not invented.
When to use it
It pays off when the product should feel alive and you accept the performance cost: menus that open full screen, cards that stack, text that types itself. It does not suit a data-dense dashboard.
Animated menus and card stacks
Six menu blocks and twelve card blocks show where the catalogue invests. Animated Menu, Animated Menu 2, Animated Menu Full Screen: these are not colour variants, they are different opening behaviours, with transitions that fill the window.
Card Stack, Circle Cards, Cards Stack Rotated: the same stack-and-swipe idea, repeated at different angles. In between sit six AI conversation sections, with typing text and message loops, reusing the same motion aesthetic.
Dependencies are few and heavy: motion for transitions, @xyflow/react for diagrams, react-inner-image-zoom for images. The registry is hosted on systaliko-ui.vercel.app and many blocks depend on it: the MIT licence is not enough if the domain falls.
curl "https://ui.eneawork.it/api/blocks?source=youcefbnm-systaliko-ui&limit=8"Three examples from the table: Ai Conversation Loop, Ai conversation loop Demo, Animated Menu; the full inventory is at /blocks. For the counting method read how the block catalogue is built, for the copy-versus-compose comparison read the economics of sections, and for heroes read the shadcn hero guide.
Frequently asked questions
How many blocks does systaliko have?
Ninety-six blocks in ninety-six files, measured on 1 November 2026: six animated menus, twelve card blocks and six AI conversation sections.
What licence does systaliko use?
MIT in the YoucefBnm/Systaliko-UI repository. The catalogue shows see source, so the repository LICENSE file is the confirmation.
Which dependencies does an animated block bring?
motion for transitions, @xyflow/react for diagrams and react-inner-image-zoom for images. That is three declared npm packages.
Are the menus variants of one block?
No, they change behaviour: standard opening, full screen and different transitions. They are six distinct blocks, not six themes.
Does the catalogue suit a dashboard?
No, it leans on motion and cards. Dense data needs tables and charts, which are not here.