Μετάβαση στο περιεχόμενο

BaseUI

Headless στοιχεία React χωρίς στυλ, για τη δημιουργία προσβάσιμων και εξαιρετικά προσαρμόσιμων διεπαφών με πλήρη έλεγχο των στυλ.

Βιβλιοθήκη 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

Σχετικά στοιχεία

Αυτή η λύση UI ανοιχτού κώδικα επιτρέπει τη δημιουργία εξελιγμένων συστημάτων σχεδίασης με προσαρμόσιμα στοιχεία που μπορούν να ταιριάξουν σε διάφορα οπτικά στιλ και πρότυπα προσβασιμότητας.

Αστέρια στο GitHub
3.9K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Αυτό το προϊόν προσφέρει ένα ολοκληρωμένο σύνολο εργαλείων για τη δημιουργία διεπαφών χρήστη στο React, με έμφαση στην ευελιξία και την τήρηση των προτύπων σχεδίασης.

Αστέρια στο GitHub
94.2K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Μια ανεπίσημη μεταφορά του Radix UI σε Vue, με προσαρμόσιμα και προσβάσιμα στοιχεία UI για τη δημιουργία συστημάτων σχεδίασης.

Αστέρια στο GitHub
3.8K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Ένα πλούσιο σύνολο στοιχείων UI ανοιχτού κώδικα, προσαρμοσμένων για την απρόσκοπτη και αποδοτική δημιουργία εφαρμογών Vue.js.

Αστέρια στο GitHub
11.0K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Μη μορφοποιημένα, προσβάσιμα primitives ανοιχτού κώδικα για React, για ποιοτικές διαδικτυακές εφαρμογές και συστήματα σχεδίασης.

Αστέρια στο GitHub
16.0K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Ένα μη μορφοποιημένο στοιχείο συρόμενου πλαισίου, σχεδιασμένο για απρόσκοπτη ενσωμάτωση σε εφαρμογές React και βελτιωμένη αλληλεπίδραση σε κινητές συσκευές.

Αστέρια στο GitHub
6.5K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Δημιουργήστε γρήγορα και αποτελεσματικά προσβάσιμες διαδικτυακές εφαρμογές με ένα ολοκληρωμένο σύνολο βασικών στοιχείων, εύχρηστων και εξαιρετικά προσαρμόσιμων.

Αστέρια στο GitHub
38.1K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Αυτό το στοιχείο προσφέρει μια ολοκληρωμένη λύση μενού εντολών για React, με έμφαση τόσο στην εμπειρία χρήστη όσο και στην ευελιξία για τους προγραμματιστές.

Αστέρια στο GitHub
10.0K
Ενημερώθηκε στις
Dec 6, 2024
Άδεια χρήσης
MIT License

Σχετικά με το KickstartUI

Το KickstartUI είναι ο απόλυτος προορισμός σας για να ανακαλύψετε τα καλύτερα πλαίσια, βιβλιοθήκες και εργαλεία κατασκευής UI. Συγκεντρώνουμε προσεκτικά κορυφαίους πόρους, ώστε να βοηθήσουμε τους προγραμματιστές να δώσουν ζωή στις ιδέες τους για UI. Είτε δημιουργείτε μια προσαρμοστική διαδικτυακή εφαρμογή, σχεδιάζετε μια διεπαφή για κινητά είτε αναπτύσσετε ένα διαδραστικό πρωτότυπο, η πλατφόρμα μας προσφέρει τα απαραίτητα εργαλεία για να επιταχύνετε τα έργα σας και να βελτιώσετε την εμπειρία των χρηστών. Εξερευνήστε την εκτενή συλλογή μας για να ακολουθείτε τις τελευταίες τάσεις, να ανακαλύψετε νέες δυνατότητες και να αναβαθμίσετε τα UI σχέδιά σας. Έτοιμοι να ξεκινήσετε το επόμενο έργο σας; Δείτε τους προτεινόμενους πόρους μας ή αναζητήστε συγκεκριμένα εργαλεία που ανταποκρίνονται στις ανάγκες σας.