|
| https://tw-elements.com/docs/standard/forms/search/ |
|
Standard | https://tw-elements.com/ |
|
React | https://tw-elements.com/docs/react |
| Pricing | https://tw-elements.com/pro/ |
| Learn | https://tw-elements.com/learn/te-foundations/basics/introduction/ |
| Community | https://github.com/mdbootstrap/TW-Elements/discussions |
|
Light
| https://tw-elements.com/docs/standard/forms/search/ |
|
Dark
| https://tw-elements.com/docs/standard/forms/search/ |
|
System
| https://tw-elements.com/docs/standard/forms/search/ |
|
| https://twitter.com/TailwindElement/ |
|
| https://github.com/mdbootstrap/TW-Elements/ |
|
TW Elements | https://tw-elements.com/ |
|
Quick start | https://tw-elements.com/docs/standard/getting-started/quick-start/ |
|
Tutorials | https://tw-elements.com/learn/te-foundations/basics/introduction/ |
|
Design system | https://material-minimal.com/ |
|
Local installation | https://tw-elements.com/docs/standard/getting-started/local-installation/ |
|
Optimization | https://tw-elements.com/docs/standard/getting-started/optimization/ |
|
Dark mode | https://tw-elements.com/docs/standard/getting-started/dark-mode/ |
|
Theming | https://tw-elements.com/docs/standard/getting-started/theming/ |
|
Changelog | https://tw-elements.com/docs/standard/getting-started/changelog/ |
|
Migrating to v2 | https://tw-elements.com/docs/standard/getting-started/migration-guide/ |
|
Internationalization guide | https://tw-elements.com/docs/standard/getting-started/internationalization/ |
|
Class customization | https://tw-elements.com/docs/standard/getting-started/class-customization/ |
|
Icons Integration | https://tw-elements.com/docs/standard/getting-started/icons-integration/ |
|
Pricing
| https://tw-elements.com/pro/ |
|
License
| https://tw-elements.com/license/ |
|
Installation
| https://tw-elements.com/docs/standard/pro/installation/ |
|
Git & repository
| https://tw-elements.com/docs/standard/pro/git/ |
|
Premium Support
| https://mdbootstrap.com/support/cat/twe |
|
Angular
| https://tw-elements.com/docs/standard/integrations/angular-integration/ |
|
ASP.NET
| https://tw-elements.com/docs/standard/integrations/aspnet-integration/ |
|
Django
| https://tw-elements.com/docs/standard/integrations/django-integration/ |
|
Express
| https://tw-elements.com/docs/standard/integrations/express-integration/ |
|
Laravel
| https://tw-elements.com/docs/standard/integrations/laravel-integration/ |
|
Next
| https://tw-elements.com/docs/standard/integrations/next-integration/ |
|
Nuxt
| https://tw-elements.com/docs/standard/integrations/nuxt-integration/ |
|
Qwik
| https://tw-elements.com/docs/standard/integrations/qwik-integration/ |
|
React
| https://tw-elements.com/docs/standard/integrations/react-integration/ |
|
Remix
| https://tw-elements.com/docs/standard/integrations/remix-integration/ |
|
Solid
| https://tw-elements.com/docs/standard/integrations/solid-integration/ |
|
Svelte
| https://tw-elements.com/docs/standard/integrations/svelte-integration/ |
|
SvelteKit
| https://tw-elements.com/docs/standard/integrations/sveltekit-integration/ |
|
Vue
| https://tw-elements.com/docs/standard/integrations/vue-integration/ |
|
Animations
| https://tw-elements.com/docs/standard/content-styles/animations/ |
|
Animations Extended
| https://tw-elements.com/docs/standard/content-styles/animations-extended/ |
|
Colors
| https://tw-elements.com/docs/standard/content-styles/colors/ |
|
Dividers
| https://tw-elements.com/docs/standard/content-styles/dividers/ |
|
Figures
| https://tw-elements.com/docs/standard/content-styles/figures/ |
|
Headings
| https://tw-elements.com/docs/standard/content-styles/headings/ |
|
Hover effects
| https://tw-elements.com/docs/standard/content-styles/hover-effects/ |
|
Icons
| https://tw-elements.com/docs/standard/content-styles/icons/ |
|
Images
| https://tw-elements.com/docs/standard/content-styles/images/ |
|
Mask
| https://tw-elements.com/docs/standard/content-styles/mask/ |
|
Shadows
| https://tw-elements.com/docs/standard/content-styles/shadows/ |
|
Typography
| https://tw-elements.com/docs/standard/content-styles/typography/ |
|
Breadcrumbs
| https://tw-elements.com/docs/standard/navigation/breadcrumbs/ |
|
Footer
| https://tw-elements.com/docs/standard/navigation/footer/ |
|
Headers
| https://tw-elements.com/docs/standard/navigation/headers/ |
|
Mega menu
| https://tw-elements.com/docs/standard/navigation/mega-menu/ |
|
Navbar
| https://tw-elements.com/docs/standard/navigation/navbar/ |
|
Offcanvas
| https://tw-elements.com/docs/standard/navigation/offcanvas/ |
|
Pagination
| https://tw-elements.com/docs/standard/navigation/pagination/ |
|
Pills
| https://tw-elements.com/docs/standard/navigation/pills/ |
|
Scrollspy
| https://tw-elements.com/docs/standard/navigation/scrollspy/ |
|
Sidenav
| https://tw-elements.com/docs/standard/navigation/sidenav/ |
|
Tabs
| https://tw-elements.com/docs/standard/navigation/tabs/ |
|
Accordion
| https://tw-elements.com/docs/standard/components/accordion/ |
|
Alerts
| https://tw-elements.com/docs/standard/components/alerts/ |
|
Avatar
| https://tw-elements.com/docs/standard/components/avatar/ |
|
Badges
| https://tw-elements.com/docs/standard/components/badges/ |
|
Button group
| https://tw-elements.com/docs/standard/components/button-group/ |
|
Buttons
| https://tw-elements.com/docs/standard/components/buttons/ |
|
Cards
| https://tw-elements.com/docs/standard/components/cards/ |
|
Carousel
| https://tw-elements.com/docs/standard/components/carousel/ |
|
Chips
| https://tw-elements.com/docs/standard/components/chips/ |
|
Collapse
| https://tw-elements.com/docs/standard/components/collapse/ |
|
Dropdown
| https://tw-elements.com/docs/standard/components/dropdown/ |
|
Gallery
| https://tw-elements.com/docs/standard/components/gallery/ |
|
Jumbotron
| https://tw-elements.com/docs/standard/components/jumbotron/ |
|
Lightbox
| https://tw-elements.com/docs/standard/components/lightbox/ |
|
Link
| https://tw-elements.com/docs/standard/components/link/ |
|
List group
| https://tw-elements.com/docs/standard/components/listgroup/ |
|
Modal
| https://tw-elements.com/docs/standard/components/modal/ |
|
Notifications
| https://tw-elements.com/docs/standard/components/notifications/ |
|
Paragraphs
| https://tw-elements.com/docs/standard/components/paragraphs/ |
|
Placeholders
| https://tw-elements.com/docs/standard/components/placeholders/ |
|
Popconfirm
| https://tw-elements.com/docs/standard/components/popconfirm/ |
|
Popover
| https://tw-elements.com/docs/standard/components/popover/ |
|
Progress
| https://tw-elements.com/docs/standard/components/progress/ |
|
Rating
| https://tw-elements.com/docs/standard/components/rating/ |
|
Scroll back to top button
| https://tw-elements.com/docs/standard/components/scroll-back-to-top-button/ |
|
Social buttons
| https://tw-elements.com/docs/standard/components/social-buttons/ |
|
Spinners
| https://tw-elements.com/docs/standard/components/spinners/ |
|
Stepper
| https://tw-elements.com/docs/standard/components/stepper/ |
|
Testimonials
| https://tw-elements.com/docs/standard/components/testimonials/ |
|
Timeline
| https://tw-elements.com/docs/standard/components/timeline/ |
|
Toast
| https://tw-elements.com/docs/standard/components/toast/ |
|
Tooltip
| https://tw-elements.com/docs/standard/components/tooltip/ |
|
Video
| https://tw-elements.com/docs/standard/components/video/ |
|
Video carousel
| https://tw-elements.com/docs/standard/components/video-carousel/ |
|
Autocomplete
| https://tw-elements.com/docs/standard/forms/autocomplete/ |
|
Checkbox
| https://tw-elements.com/docs/standard/forms/checkbox/ |
|
Datepicker
| https://tw-elements.com/docs/standard/forms/datepicker/ |
|
Datetimepicker
| https://tw-elements.com/docs/standard/forms/datetimepicker/ |
|
File input
| https://tw-elements.com/docs/standard/forms/file-input/ |
|
Form templates
| https://tw-elements.com/docs/standard/forms/form-templates/ |
|
Input Group
| https://tw-elements.com/docs/standard/forms/input-group/ |
|
Inputs
| https://tw-elements.com/docs/standard/forms/inputs/ |
|
Login form
| https://tw-elements.com/docs/standard/forms/login-form/ |
|
Multi range slider
| https://tw-elements.com/docs/standard/forms/multi-range-slider/ |
|
Radio
| https://tw-elements.com/docs/standard/forms/radio/ |
|
Range
| https://tw-elements.com/docs/standard/forms/range/ |
|
Registration form
| https://tw-elements.com/docs/standard/forms/registration-form/ |
|
Search
| https://tw-elements.com/docs/standard/forms/search/ |
|
Select
| https://tw-elements.com/docs/standard/forms/select/ |
|
Switch
| https://tw-elements.com/docs/standard/forms/switch/ |
|
Textarea
| https://tw-elements.com/docs/standard/forms/textarea/ |
|
Timepicker
| https://tw-elements.com/docs/standard/forms/timepicker/ |
|
Validation
| https://tw-elements.com/docs/standard/forms/validation/ |
|
Charts
| https://tw-elements.com/docs/standard/data/charts/ |
|
Charts advanced
| https://tw-elements.com/docs/standard/data/charts-advanced/ |
|
Datatables
| https://tw-elements.com/docs/standard/data/datatables/ |
|
Tables
| https://tw-elements.com/docs/standard/data/tables/ |
|
Clipboard
| https://tw-elements.com/docs/standard/methods/clipboard/ |
|
Infinite scroll
| https://tw-elements.com/docs/standard/methods/infinite-scroll/ |
|
Lazy loading
| https://tw-elements.com/docs/standard/methods/lazy-loading/ |
|
Loading management
| https://tw-elements.com/docs/standard/methods/loading-management/ |
|
Ripple
| https://tw-elements.com/docs/standard/methods/ripple/ |
|
Scrollbar
| https://tw-elements.com/docs/standard/methods/scrollbar/ |
|
Smooth scroll
| https://tw-elements.com/docs/standard/methods/smooth-scroll/ |
|
Sticky
| https://tw-elements.com/docs/standard/methods/sticky/ |
|
Touch
| https://tw-elements.com/docs/standard/methods/touch/ |
|
Admin Charts
| https://tw-elements.com/docs/standard/designblocks/charts/ |
|
Admin Complex
| https://tw-elements.com/docs/standard/designblocks/complex/ |
|
Admin Forms
| https://tw-elements.com/docs/standard/designblocks/forms/ |
|
Admin Maps
| https://tw-elements.com/docs/standard/designblocks/maps/ |
|
Admin Navigation
| https://tw-elements.com/docs/standard/designblocks/navigation/ |
|
Admin tables
| https://tw-elements.com/docs/standard/designblocks/tables/ |
|
Banners
| https://tw-elements.com/docs/standard/designblocks/banners/ |
|
Contact
| https://tw-elements.com/docs/standard/designblocks/contact/ |
|
Content
| https://tw-elements.com/docs/standard/designblocks/content/ |
|
CTA
| https://tw-elements.com/docs/standard/designblocks/cta/ |
|
FAQ
| https://tw-elements.com/docs/standard/designblocks/faq/ |
|
Features
| https://tw-elements.com/docs/standard/designblocks/features/ |
|
Headers
| https://tw-elements.com/docs/standard/designblocks/headers/ |
|
Hero / Intro sections
| https://tw-elements.com/docs/standard/designblocks/hero-sections/ |
|
Logo clouds
| https://tw-elements.com/docs/standard/designblocks/logo-clouds/ |
|
Mega menu
| https://tw-elements.com/docs/standard/designblocks/mega-menu/ |
|
News
| https://tw-elements.com/docs/standard/designblocks/news/ |
|
Newsletter
| https://tw-elements.com/docs/standard/designblocks/newsletter/ |
|
Pricing
| https://tw-elements.com/docs/standard/designblocks/pricing/ |
|
Projects
| https://tw-elements.com/docs/standard/designblocks/project-sections/ |
|
Stats
| https://tw-elements.com/docs/standard/designblocks/stats/ |
|
Stats admin
| https://tw-elements.com/docs/standard/designblocks/stats-admin/ |
|
Team
| https://tw-elements.com/docs/standard/designblocks/team/ |
|
Testimonials
| https://tw-elements.com/docs/standard/designblocks/testimonials/ |
|
Button generator
| https://www.designtoolshub.com/tailwind-css/button-generator |
|
Card generator
| https://www.designtoolshub.com/tailwind-css/card-generator |
|
Flexbox generator
| https://www.designtoolshub.com/tailwind-css/flexbox-generator |
|
Footer generator
| https://www.designtoolshub.com/tailwind-css/footer-generator |
|
Form builder
| https://www.designtoolshub.com/tailwind-css/form-builder |
|
Grid generator
| https://www.designtoolshub.com/tailwind-css/grid-generator |
|
Icon generator
| https://www.designtoolshub.com/tailwind-css/icon-generator |
|
Instagram Filters generator
| https://www.designtoolshub.com/tailwind-css/instagram-filters-generator |
|
Logo generator
| https://www.designtoolshub.com/universal/logo-generator |
|
Table generator
| https://www.designtoolshub.com/tailwind-css/table-generator |
|
Typography generator
| https://www.designtoolshub.com/tailwind-css/typography-generator |
|
Angular
| https://tw-elements.com/angular/ |
|
Builder
| https://tw-elements.com/docs/standard/builder/ |
|
Templates
| https://tw-elements.com/docs/standard/templates/ |
|
Vue
| https://tw-elements.com/vue/ |
|
Playground
| https://tw-elements.com/snippets/ |
|
YouTube Channel
| https://www.youtube.com/c/Mdbootstrap?sub_confirmation=1 |
|
Private FB Group
| https://www.facebook.com/groups/682245759188413 |
|
Newsletter
| https://tw-elements.com/newsletter/ |
|
UI Design course
New
| https://material-minimal.com/ |
|
UI / UX tips
| https://material-minimal.com/learn/design-hacks/tips-and-tricks/ |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_deb05afdbab39086de2a00e42b707a00ab9dc3f7 |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_318b3d1239598ded2d507579ff59fa0610c18e88 |
|
| https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A [](https://tw-elements.com/) \n I'd like to share my latest discovery with you. \n [TW Elements](https://tw-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. [](https://github.com/mdbootstrap/TW-Elements/) It's a **huge collection of stunning components** made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have **dark mode** and very intuitive **theming options**. The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/TW-Elements/discussions), I recommend you check it out and join one of the many discussions. \n You will find installation instructions [here](https://tw-elements.com/docs/getting-started/installation), and you can track the progress of the project live [here](https://tw-elements.com/docs/standard/getting-started/changelog/). \n The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform. \n I highly recommend you to check it out! \n %7B%25 link mdbootstrap/tw-elements-breakthrough-version-is-here-59hh %25%7D \n |
|
| https://twitter.com/intent/tweet?text=500%2B%20open-source%20components%20for%20%23TailwindCSS%20%F0%9F%A4%A9%0Ahttps%3A//tw-elements.com/%0A%0ACongrats%20%40TWElements%20%40ascensus_mdb%20%40dawidadach%20for%20this%20awesome%20design%20collection!%0A%0AI%20will%20keep%20using%20it%20in%20my%20projects%20for%20sure!%0A%0A%23uiux%20%23webdevelopment%20%23HTML%20%23CSS%20%23design%20%23Webdesign%20%23programming%20 |
|
| https://www.facebook.com/sharer/sharer.php?u=https://tw-elements.com/%2fdocs%2fstandard%2fforms%2fsearch%2f |
|
| http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftw-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS |
|
| https://www.pinterest.com/pin/create/button?url=https://tw-elements.com/&media=https://tw-elements.com/img/components-big.jpg&description=TWElements |
|
| https://reddit.com/submit?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS |
|
| https://www.stumbleupon.com/submit?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS |
|
| https://vk.com/share.php?url=https://tw-elements.com/ |
|
| https://service.weibo.com/share/share.php?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS |
|
| https://news.ycombinator.com/submitlink?u=https://tw-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS |
|
| https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI'm reaching out to recommend my latest discovery.%0A%0AIt's%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tw-elements.com/%0A%0AI hope you will find it useful.%0ABest regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_4a5eead6116c9c0b470a80ccd442502dc34e589d |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_34521705f99a72d75b15cb272e63a2ab71e4d7f9 |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_148627dc3a7e58e133cc5655ae9e28e17ab90402 |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_8a5d5a0e1325a2b5886fa1fc721ffefb90f22f3a |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_1872e27464ae7dd3a069356ec22e04f989b681fe |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_1fdf731d0233549c1b56631c411f7f40f2f02d95 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_18bb3929d29838cb49191b94b4cda75425ec134a |
| Autocomplete Docs | https://tw-elements.com/docs/standard/forms/autocomplete |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_78d414ecf819daae8cda67fb624caa38e435b19a |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_63a6026583b7952ad0536e51f406df8be976afc7 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_ba3999f7c97775b04b3633c40263c7a7d25a1f24 |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_b5219ba935da2b58ccf712223c0db4c184967802 |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_b24c2b67f65553736214b974a4f4fb4a8ce8cdb0 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_dad61c720a2f2ddaebc0d02ca76b543ea310a8b3 |
| Navbar Docs | https://tw-elements.com/docs/standard/navigation/navbar |
| Brand | https://tw-elements.com/docs/standard/forms/search/ |
| Home | https://tw-elements.com/docs/standard/forms/search/ |
| Link | https://tw-elements.com/docs/standard/forms/search/ |
|
Dropdown
| https://tw-elements.com/docs/standard/forms/search/ |
| Action | https://tw-elements.com/docs/standard/forms/search/ |
| Another action | https://tw-elements.com/docs/standard/forms/search/ |
| Something else here | https://tw-elements.com/docs/standard/forms/search/ |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_34c26d3489cb3e9c07da088187d104ae7e84a34a |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_5d917fa0a310b73065a1169a154648c18fc87595 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_cf5d46b092557c91d8972c675b47b59255130aba |
| Dropdowns Docs | https://tw-elements.com/docs/standard/components/dropdown |
| Action | https://tw-elements.com/docs/standard/forms/search/ |
| Another action | https://tw-elements.com/docs/standard/forms/search/ |
| Something else here | https://tw-elements.com/docs/standard/forms/search/ |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_a16ff061374ba5170a774c336f6760a4bb847ed4 |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_59dd3dcab9a27306035a2b69ef5ac4de3d311c56 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_3ece9e055b836ad379da9b155b6f6b3e7de79df7 |
| Datatables Docs | https://tw-elements.com/docs/standard/data/datatables |
| HTML | https://tw-elements.com/docs/standard/forms/search/#mdb_a50dd591e4fa0e63d760960477c0d892b64cd21f |
| javascript | https://tw-elements.com/docs/standard/forms/search/#mdb_fccfd620a9212618f1a9344f51cd139c674fa158 |
| umd | https://tw-elements.com/docs/standard/forms/search/#mdb_8e05c8c04660479a504e8acd25151ec12cd7de6f |
|
navbar
| https://tw-elements.com/learn/te-foundations/tailwind-css/navbar/ |
|
icons
| https://tw-elements.com/learn/te-foundations/tailwind-css/icons/ |
|
focus active and others
| https://tw-elements.com/learn/te-foundations/tailwind-css/focus-active-and-others/ |
|
dark mode
| https://tw-elements.com/learn/te-foundations/tailwind-css/dark-mode/ |
|
spacing
| https://tw-elements.com/learn/te-foundations/tailwind-css/spacing/ |
|
utility first
| https://tw-elements.com/learn/te-foundations/tailwind-css/utility-first/ |
|
buttons
| https://tw-elements.com/learn/te-foundations/tailwind-css/buttons/ |
|
rounded corners
| https://tw-elements.com/learn/te-foundations/tailwind-css/rounded-corners/ |
|
sizing
| https://tw-elements.com/learn/te-foundations/tailwind-css/sizing/ |
|
inputs
| https://tw-elements.com/learn/te-foundations/tailwind-css/inputs/ |
|
forms
| https://tw-elements.com/learn/te-foundations/tailwind-css/forms/ |
|
icons
| https://tw-elements.com/docs/standard/content-styles/icons/ |
|
navbar
| https://tw-elements.com/docs/standard/navigation/navbar/ |
|
offcanvas
| https://tw-elements.com/docs/standard/navigation/offcanvas/ |
|
scrollspy
| https://tw-elements.com/docs/standard/navigation/scrollspy/ |
|
buttons
| https://tw-elements.com/docs/standard/components/buttons/ |
|
datepicker
| https://tw-elements.com/docs/standard/forms/datepicker/ |
|
input group
| https://tw-elements.com/docs/standard/forms/input-group/ |
|
inputs
| https://tw-elements.com/docs/standard/forms/inputs/ |
|
select
| https://tw-elements.com/docs/standard/forms/select/ |
|
textarea
| https://tw-elements.com/docs/standard/forms/textarea/ |
|
timepicker
| https://tw-elements.com/docs/standard/forms/timepicker/ |
|
border opacity
| https://tw-elements.com/docs/standard/extended/border-opacity/ |
|
borders
| https://tw-elements.com/docs/standard/extended/borders/ |
|
center grid items
| https://tw-elements.com/docs/standard/extended/center-grid-items/ |
|
dark theme
| https://tw-elements.com/docs/standard/extended/dark-theme/ |
|
display flex
| https://tw-elements.com/docs/standard/extended/display-flex/ |
|
icons
| https://tw-elements.com/docs/standard/extended/icons/ |
|
position
| https://tw-elements.com/docs/standard/extended/position/ |
|
spacing
| https://tw-elements.com/docs/standard/extended/spacing/ |
|
Form drag & drop
| https://www.designtoolshub.com/tailwind-css/form-builder |
|
Typography
| https://www.designtoolshub.com/tailwind-css/typography-generator |
|
SVG icon
| https://www.designtoolshub.com/tailwind-css/icon-generator |
|
Instagram Filters
| https://www.designtoolshub.com/tailwind-css/instagram-filters-generator |
|
button
| https://www.designtoolshub.com/tailwind-css/button-generator |
|
card
| https://www.designtoolshub.com/tailwind-css/card-generator |
|
table
| https://www.designtoolshub.com/tailwind-css/table-generator |
|
flexbox
| https://www.designtoolshub.com/tailwind-css/flexbox-generator |
|
logo
| https://www.designtoolshub.com/universal/logo-generator |
|
grid
| https://www.designtoolshub.com/tailwind-css/grid-generator |
|
footer
| https://www.designtoolshub.com/tailwind-css/footer-generator |
|
introduction
| https://material-minimal.com/learn/foundations/introduction/ |
|
art of prioritization
| https://material-minimal.com/learn/hierarchy/art-of-prioritization/ |
|
de emphasize with no mercy
| https://material-minimal.com/learn/hierarchy/de-emphasize-with-no-mercy/ |
|
lowering contrast
| https://material-minimal.com/learn/hierarchy/lowering-contrast/ |
|
beyond borders
| https://material-minimal.com/learn/hierarchy/beyond-borders/ |
|
let it breathe
| https://material-minimal.com/learn/hierarchy/let-it-breathe/ |
|
user experience
| https://material-minimal.com/learn/design-process/user-experience/ |
|
do not start with the roof
| https://material-minimal.com/learn/design-process/do-not-start-with-the-roof/ |
|
secondary questions
| https://material-minimal.com/learn/design-process/secondary-questions/ |
|
project personality
| https://material-minimal.com/learn/design-process/project-personality/ |
|
design system
| https://material-minimal.com/learn/design-process/design-system/ |
|
principles
| https://material-minimal.com/learn/material-minimal/principles/ |
|
tips and tricks
| https://material-minimal.com/learn/design-hacks/tips-and-tricks/ |
| Basic example | https://tw-elements.com/docs/standard/forms/search/#basic |
| Variations | https://tw-elements.com/docs/standard/forms/search/#variations |
| Search with icon | https://tw-elements.com/docs/standard/forms/search/#icon |
| Search with button | https://tw-elements.com/docs/standard/forms/search/#button |
| Search without additional elements | https://tw-elements.com/docs/standard/forms/search/#additional |
| Search event | https://tw-elements.com/docs/standard/forms/search/#event |
| Autocomplete | https://tw-elements.com/docs/standard/forms/search/#autocomplete |
| Focus | https://tw-elements.com/docs/standard/forms/search/#focus |
| Navbar | https://tw-elements.com/docs/standard/forms/search/#navbar |
| Dropdown | https://tw-elements.com/docs/standard/forms/search/#dropdown |
| Datatable | https://tw-elements.com/docs/standard/forms/search/#datatable |
| Related resources | https://tw-elements.com/docs/standard/forms/search/#section-related-resources |
|
Join our mailing list now
| https://tw-elements.com/newsletter |
| MDBootstrap.com | https://mdbootstrap.com/ |
|
Buy TWE PRO
| https://tw-elements.com/pro |
](https://tw-elements.com/) \n I'd like to share my latest discovery with you. \n [TW Elements](https://tw-elements.com/) is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. [](https://github.com/mdbootstrap/TW-Elements/) It's a **huge collection of stunning components** made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have **dark mode** and very intuitive **theming options**. The project is supported by an [engaged community on GitHub](https://github.com/mdbootstrap/TW-Elements/discussions), I recommend you check it out and join one of the many discussions. \n You will find installation instructions [here](https://tw-elements.com/docs/getting-started/installation), and you can track the progress of the project live [here](https://tw-elements.com/docs/standard/getting-started/changelog/). \n The project was kickstarted by @MDBootstrap, a group of open-source developers behind [MDB UI Kit](https://github.com/mdbootstrap/mdb-ui-kit) - a high-quality UI kit for Bootstrap, and also behind [MDB GO](https://mdbgo.com/) - hosting and deployment platform. \n I highly recommend you to check it out! \n %7B%25 link mdbootstrap/tw-elements-breakthrough-version-is-here-59hh %25%7D \n](/?url=https://dev.to/new?prefill=---%0Atitle%3A%20500+ open-source components for TailwindCSS %0Apublished%3A%20true%0Atags%3Atailwindcss%0A---%0A%0A [](https://tw-elements.com/) \n I){kind=link}
