Blocks
systaliko blocks: 96 sezioni con preview
Tutti i 96 blocchi pubblicati da systaliko, con categorie, file e licenza. La tabella mostra le sezioni con più file e il link all’anteprima.
In sintesi
- 96 blocchi fortemente animati: menu, card stack e conversazioni AI.
- Licenza MIT con tre dipendenze npm pesanti.
- Registry su vercel.app: il dominio è parte della catena di installazione.
systaliko pubblica 96 blocchi in 96 file, con una forte impronta animata: sei menu animati, dodici blocchi con card, sei sezioni per conversazioni AI. È il catalogo più orientato al movimento di questa serie.
I blocchi con più file
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| 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 |
Cosa contiene questa fonte
- Repository: YoucefBnm/Systaliko-UI
- Sito: https://systaliko.com
- Licenza: MIT (file LICENSE del repository YoucefBnm/Systaliko-UI)
- Categorie: derivate dal manifest del publisher, non inventate.
Quando conviene usarla
Conviene se il prodotto deve sembrare vivo e accetti il costo in performance: menu che si aprono a tutto schermo, card che si impilano, testi che si scrivono. Non conviene per una dashboard densa di dati.
Menu animati e stack di card
Sei blocchi menu e dodici blocchi card dicono dove il catalogo investe. Animated Menu, Animated Menu 2, Animated Menu Full Screen: non sono varianti di colore, sono comportamenti diversi di apertura, con transizioni che occupano l'intera finestra.
Card Stack, Circle Cards, Cards Stack Rotated: la stessa idea di pila che si sfoglia, ripetuta con angolazioni diverse. In mezzo stanno sei sezioni per conversazioni AI, con typing text e loop di messaggi, che riusano la stessa estetica del movimento.
Le dipendenze sono poche e pesanti: motion per le transizioni, @xyflow/react per i diagrammi, react-inner-image-zoom per le immagini. Il registro è ospitato su systaliko-ui.vercel.app e molti blocchi dipendono da lì: la licenza MIT non basta se il dominio cade.
curl "https://ui.eneawork.it/api/blocks?source=youcefbnm-systaliko-ui&limit=8"Tre esempi dalla tabella: Ai Conversation Loop, Ai conversation loop Demo, Animated Menu; l'inventario completo è su /blocks. Per il metodo di conteggio leggi come nasce il catalogo dei blocchi, per il confronto tra copiare e comporre l'economia delle sezioni e per le hero la guida alle hero shadcn.
Domande frequenti
Quanti blocchi ha systaliko?
Novantasei blocchi in novantasei file, misurati il 1 novembre 2026: sei menu animati, dodici blocchi card e sei sezioni per conversazioni AI.
Che licenza ha systaliko?
MIT nel repository YoucefBnm/Systaliko-UI. Il catalogo riporta see source, quindi il file LICENSE del repository è la conferma.
Quali dipendenze porta un blocco animato?
motion per le transizioni, @xyflow/react per i diagrammi e react-inner-image-zoom per le immagini. Sono tre pacchetti npm dichiarati.
I menu sono varianti dello stesso blocco?
No, cambiano comportamento: apertura standard, a tutto schermo e con transizioni diverse. Sono sei blocchi distinti, non sei temi.
Il catalogo va bene per una dashboard?
No, è sbilanciato sul movimento e sulle card. Per dati densi servono tabelle e grafici, che qui non ci sono.