Το ισοδύναμο Bootstrap για τις κατηγορίες βοηθητικών προγραμμάτων Tailwind
Αν ψάχνατε για μια εναλλακτική λύση στο Bootstrap που υποστηρίζει και αξιοποιεί πλήρως το Tailwind.css, ένα νέο plugin για το Tailwind.css που ονομάζεται "Daisy UI" μπορεί να είναι η σωστή επιλογή. Προσφέρει μια μεγάλη συλλογή προκαθορισμένων κατηγοριών χρησιμότητας για να εμπλουτίσει γρήγορα την εφαρμογή σας με ευέλικτο στυλ.
Μια μεγάλη συλλογή εξαρτημάτων
Στην πραγματικότητα, η συλλογή των διαθέσιμων στοιχείων UI είναι τόσο μεγάλη που πιθανότατα μπορείτε να βασιστείτε στο Daisy UI μόνο για όλα τα οπτικά στοιχεία. Το πρόσθετο προσφέρει στυλ για τα βασικά στοιχεία, όπως κουμπιά, γραμμές πλοήγησης ή κοντέινερ καρτελών. Αλλά και πιο ειδικές περιπτώσεις χρήσης καλύπτονται με υπάρχοντα στοιχεία, όπως μετρητής ή οθόνη για στατιστικά δεδομένα.
Πραγματικός παίκτης ομάδας
Ένα από τα μεγαλύτερα οφέλη κατά τη χρήση του Tailwind.css, κατά τη γνώμη μου, είναι η αρχιτεκτονική του plugin. Το ίδιο το Daisy UI μπορεί να είναι μια τεράστια συλλογή κανόνων CSS, αλλά επειδή βασίζονται αποκλειστικά στις υπάρχουσες κατηγορίες βοηθητικών προγραμμάτων ή απλό CSS, θα στείλετε μόνο τα πραγματικά χρησιμοποιούμενα στυλ στην εφαρμογή παραγωγής σας.
Είναι επίσης σημαντικό να σημειωθεί ότι αυτά τα "στοιχεία" δεν συνδέονται με κανένα πλαίσιο, όπως το React. Είναι καθαρά βοηθητικά προγράμματα Tailwind.css και λειτουργούν με κάθε έργο που μπορεί να υλοποιήσει τη βιβλιοθήκη.
Υπέροχα κινούμενα σχέδια
Ακόμα κι αν δεν σκοπεύετε να χρησιμοποιήσετε πολλά από τα προκαθορισμένα στοιχεία, το Daisy UI εξακολουθεί να σας προσφέρει ένα μεγάλο σύνολο βασικών κινήσεων. Ένα παράδειγμα θα ήταν το συστατικό "Σύμπτυξη", που ζωντανεύει την απόκρυψη ή αποκάλυψη του περιεχομένου του. Ένα άλλο εξαιρετικό παράδειγμα είναι το στοιχείο αντίστροφης μέτρησης, το οποίο παρέχει μια ωραία κίνηση για την αντίστροφη μέτρηση των τιμών.
Μια εναλλακτική λύση στο Bootstrap
Δεν είμαι συνδεδεμένος με το Daisy UI, αλλά θεώρησα ότι αξίζει να το μοιραστείτε καθώς η συλλογή προκαθορισμένων στυλ μπορεί να σας εξοικονομήσει πολύ χρόνο. Όλα βασίζονται στο Tailwind.css, με μεγάλη υποστήριξη για θέματα. Θα πρέπει οπωσδήποτε να ελέγξετε τη διεπαφή χρήστη Daisy για να δείτε αν μπορείτε να επωφεληθείτε από αυτό. Ο σύνδεσμος βρίσκεται στο προσάρτημα στο τέλος αυτής της σελίδας.
