ArkUI
Αυτή η λύση UI ανοιχτού κώδικα επιτρέπει τη δημιουργία εξελιγμένων συστημάτων σχεδίασης με προσαρμόσιμα στοιχεία που μπορούν να ταιριάξουν σε διάφορα οπτικά στιλ και πρότυπα προσβασιμότητας.
Βιβλιοθήκη headless στοιχείων React χωρίς στυλ, που παρέχει πλήρη έλεγχο της σήμανσης και του CSS, με ισχυρές προεπιλεγμένες ρυθμίσεις προσβασιμότητας και συμπεριφορά συμβατή με ARIA.
Σχεδιασμένα ως συνθέσιμα δομικά στοιχεία με API βασισμένο σε slots, τα στοιχεία υποστηρίζουν tree-shaking και TypeScript και λειτουργούν με κάθε προσέγγιση μορφοποίησης, όπως Tailwind, CSS Modules, CSS-in-JS ή απλό CSS.
Καλύπτει ένα ευρύ φάσμα μοτίβων και δομικών στοιχείων UI, όπως Accordion, Alert Dialog, Avatar, Checkbox και Checkbox Group, Collapsible, Context Menu, Dialog, Field και Fieldset, Form, Input, Menu και Menubar, Meter, Navigation Menu, Number Field, Popover, Progress, Radio, Scroll Area, Select, Separator, Slider, Switch, Tabs, Toast, Toggle και Toggle Group, Toolbar, Tooltip, καθώς και βοηθητικά εργαλεία όπως Direction Provider και useRender.
Τα αναδυόμενα στοιχεία χρησιμοποιούν React Portals και συνιστάται η δημιουργία απομονωμένου πλαισίου στοίβαξης για την αποφυγή συγκρούσεων z-index, ώστε οι επικαλύψεις να εμφανίζονται πάντα πάνω από το περιεχόμενο της σελίδας. Η τεκμηρίωση περιλαμβάνει παραδείγματα συναρμολόγησης στοιχείων, σύνθεσης τμημάτων και ενσωμάτωσης με διαφορετικά συστήματα μορφοποίησης.
Λογισμικό ανοιχτού κώδικα με άδεια MIT, ενεργές εκδόσεις, οδικό χάρτη και οδηγίες με έμφαση στην προσβασιμότητα. Οι σελίδες τεκμηρίωσης διατίθενται σε Markdown και περιλαμβάνουν πόρους φιλικούς προς τα LLM για ευκολότερη εξερεύνηση και ενσωμάτωση κώδικα.
Δυνατότητες
- Headless στοιχεία React χωρίς στυλ
- Προσβάσιμα από προεπιλογή, με συμπεριφορά συμβατή με ARIA
- Συνθέσιμο API βασισμένο σε slots
- Εκδόσεις ESM με υποστήριξη tree-shaking
- Ορισμοί τύπων TypeScript
- Λειτουργεί με Tailwind, CSS Modules, CSS-in-JS ή απλό CSS
- React Portals για αναδυόμενα στοιχεία και επικαλύψεις
- Οδηγίες για απομόνωση πλαισίου στοίβαξης και αποφυγή προβλημάτων z-index
- Μοτίβα ελεγχόμενης και μη ελεγχόμενης χρήσης
- Ευρεία κάλυψη στοιχείων (μενού, παράθυρα διαλόγου, popover, καρτέλες, λίστες επιλογών, ρυθμιστικά κ.λπ.)
- Φιλικό προς SSR και ανεξάρτητο από framework
- Άδεια ανοιχτού κώδικα MIT
- Τεκμηρίωση σε Markdown με βοηθήματα για LLM
Σχετικά στοιχεία
MaterialUI
Αυτό το προϊόν προσφέρει ένα ολοκληρωμένο σύνολο εργαλείων για τη δημιουργία διεπαφών χρήστη στο React, με έμφαση στην ευελιξία και την τήρηση των προτύπων σχεδίασης.
Radix Vue
Μια ανεπίσημη μεταφορά του Radix UI σε Vue, με προσαρμόσιμα και προσβάσιμα στοιχεία UI για τη δημιουργία συστημάτων σχεδίασης.
PrimeVue
Ένα πλούσιο σύνολο components διεπαφής χρήστη ανοιχτού κώδικα, σχεδιασμένων για την εύκολη και αποδοτική δημιουργία εφαρμογών Vue.js.
Radix Primitives
Μη μορφοποιημένα, προσβάσιμα primitives ανοιχτού κώδικα για React, για ποιοτικές διαδικτυακές εφαρμογές και συστήματα σχεδίασης.
Vaul
Ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο για απρόσκοπτη ενσωμάτωση σε εφαρμογές React και βελτιωμένη αλληλεπίδραση σε κινητές συσκευές.
ChakraUI
Δημιουργήστε γρήγορα και αποτελεσματικά προσβάσιμες διαδικτυακές εφαρμογές με ένα ολοκληρωμένο σύνολο βασικών στοιχείων, εύχρηστων και εξαιρετικά προσαρμόσιμων.
cmdk
Αυτό το στοιχείο προσφέρει μια ολοκληρωμένη λύση μενού εντολών για React, με έμφαση τόσο στην εμπειρία χρήστη όσο και στην ευελιξία για τους προγραμματιστές.