{"_id":"tw-elements","_rev":"36-cc4fa14ad12ab6616b7689c02506331a","name":"tw-elements","dist-tags":{"latest":"2.0.0"},"versions":{"1.0.0-alpha1":{"name":"tw-elements","version":"1.0.0-alpha1","homepage":"https://tailwind-elements.com/","repository":{"type":"git","url":"git+https://github.com/mdbootstrap/tw-elements.git"},"author":{"name":"MDBootstrap"},"license":"MIT","gitHead":"98ecc135ec1c15b961fd0f38f993481fb25a9651","description":"","bugs":{"url":"https://github.com/mdbootstrap/tw-elements/issues"},"_id":"tw-elements@1.0.0-alpha1","_nodeVersion":"16.13.0","_npmVersion":"8.1.1","dist":{"integrity":"sha512-jrc3mcSSIXqGdPHh+cIjQSYvnRon6kvWXGKzQXjPKuS4Fs63GnsqBBoUugLH5jbe+8vKB3+/hC2pUC0aqZa50Q==","shasum":"e7888fb2b63fd1cf84062346c2b7f3c0f3b2ef83","tarball":"https://registry.npmjs.org/tw-elements/-/tw-elements-1.0.0-alpha1.tgz","fileCount":134,"unpackedSize":2035810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqgydCRA9TVsSAnZWagAAvhUP+wffuj0wCbd/yLGZenWB\nLi2eAaYUtGKg3Yh8+2VIPKby8k3uEs6sHJ1+n18R7WYU0EQ+3/LGnW/8RHJb\nah81+mh6pLHME7DYZ7rUG61OpYXuvhdlnoy4tDg/WVYKPOQo9U3kHtq+pFW7\nz5kWpkjrQobP7P5jFiiABqGPPGks/rPVoN/s6XfrIySpLCUF7UVBoU/iJe5F\n5nExmQX8pPjTGESWiRLHCgPI0BBOPt/bR9zdjP48IfwsN1jbfjY1UsGH7+qN\nC62HFiaaJFJ6NIwY0FFAI9C5DIwNp5kynH2vTGJtLzKt2iZRh6R1x1DvS5e4\nMV0Tm3rMcvSIaap9vAWNps+BVwN392FommJFqOpM7uyGAnAweceyT9nN3kjM\nFZ6z0INIOyYwKeze5nhAQ0Za7woRSBtKYWzvbwiK3IhXgBIrvr9AJJelrt2S\nhKjI0/0KK0++ErsxHcUU9aZ3smFwyDhXEDWpu6nBaPDIGb9ccI8z2B3WNaMJ\nFLfpIXMNg+UAs9E8UKsjRN5GmJaP789FDpDnQxtcibdOfjYOO5T+I3QYU43W\n6787O6p60sKvaxwsUwGvYXbc51aZ3Y5+04aT5a3awQIFHPlJjGbmZhT4GOeX\nrt73BHFEs547Y8wqBbJIMGsiImM/72OnLYV3uRW/aqtc6K3PG94rdRzDXfRy\nIiVB\r\n=SaFM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDJgMjXLQCioA3nQJUMFDTndv2OSe9WHOSJnAzMS+tziAiEAuB59JQ8+elPx2oCRRBahpQGLoinqjLiMf1anEV664cc="}]},"_npmUser":{"name":"smolenski-mikolaj","email":"smolenski.mikolaj@gmail.com"},"directories":{},"maintainers":[{"name":"smolenski-mikolaj","email":"smolenski.mikolaj@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tw-elements_1.0.0-alpha1_1638534301347_0.5892257672899062"},"_hasShrinkwrap":false},"1.0.0-alpha2":{"name":"tw-elements","version":"1.0.0-alpha2","homepage":"https://tailwind-elements.com/","author":{"name":"MDBootstrap"},"style":"dist/css/index.min.css","sass":"src/scss/index.scss","main":"dist/js/index.min.js","scripts":{"start":"cross-env NODE_ENV=development webpack-dev-server --config webpack/webpack.config.dev.js --open","build":"cross-env NODE_ENV=production webpack --config webpack/webpack.config.prod.js --colors","build-demo":"cross-env NODE_ENV=production --env.mode=demo webpack --config webpack/webpack.config.prod.js --colors","deploy":"npm run build-demo && cd dist-demo/ && mdb publish","deploy-ov":"npm run build-demo && cd dist-demo/ && mdb publish --override","getBSsrc":"node getBSsrc","test":"jest","lint":"lint-staged && pretty-quick --staged"},"husky":{"hooks":{"pre-commit":"lint-staged && pretty-quick --staged"}},"lint-staged":{"src/**/*.js":["eslint --fix"],"src/**/*.css":["stylelint --fix"]},"repository":{"type":"git","url":"git+https://github.com/mdbootstrap/Tailwind-Elements.git"},"keywords":["bootstrap","webpack"],"license":"MIT","devDependencies":{"@babel/core":"^7.9.0","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/polyfill":"^7.8.7","@babel/preset-env":"^7.9.5","autoprefixer":"^9.7.6","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^5.1.2","core-js":"^3.8.3","cross-env":"^7.0.2","css-loader":"^3.5.2","eslint":"^6.8.0","eslint-config-airbnb-base":"^14.1.0","eslint-config-prettier":"^6.11.0","eslint-loader":"^3.0.3","eslint-plugin-import":"^2.20.2","eslint-plugin-prettier":"^3.1.3","file-loader":"^5.1.0","fs-extra":"^9.0.1","html-webpack-plugin":"^4.3.0","husky":"^4.2.5","jest":"^26.0.1","lint-staged":"^10.2.4","mini-css-extract-plugin":"^0.9.0","optimize-css-assets-webpack-plugin":"^5.0.3","postcss-loader":"^3.0.0","prettier":"^2.0.5","pretty-quick":"^2.0.1","sass":"^1.30.0","sass-loader":"^8.0.2","style-loader":"^1.2.1","stylelint":"^13.5.0","stylelint-config-prettier":"^8.0.1","stylelint-config-recommended":"^3.0.0","stylelint-config-recommended-scss":"^4.2.0","stylelint-config-standard":"^20.0.0","stylelint-order":"^4.1.0","stylelint-prettier":"^1.1.2","stylelint-scss":"^3.17.2","uglifyjs-webpack-plugin":"^2.2.0","webpack":"^4.43.0","webpack-cli":"^3.3.12","webpack-dev-server":"^3.11.0","webpack-fix-style-only-entries":"^0.5.1","webpack-merge":"^4.2.2"},"dependencies":{"@popperjs/core":"^2.6.0","bootstrap":"^5.1.3","chart.js":"^2.9.4","chartjs-plugin-datalabels":"^0.7.0","deepmerge":"^4.2.2","detect-autofill":"^1.1.3","mdb-ui-kit":"^3.2.0","perfect-scrollbar":"^1.5.0","popper.js":"^1.16.1","remove-files-webpack-plugin":"^1.4.5"},"gitHead":"8a14b89645de7ca812117c980db144c6142f6492","description":"","style":"./css/tw-elements.min.css","sass":"./src/css/tailwind.scss","main":"./js/tw-elements.umd.min.js","module":"./js/tw-elements.es.min.js","types":"./types/tw-elements.d.ts","_id":"tw-elements@2.0.0","gitHead":"7c712f345fc27cc9e01eb0a140d5aabc8a28ffe5","description":"TW Elements is a huge collection of free, interactive components for Tailwind CSS.","bugs":{"url":"https://github.com/mdbootstrap/TW-Elements/issues"},"_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-aiitkqzmCZIZ9zJr3V6ErVzU/CrKoAkptpv94t0pEKnVn2Ah4jOplXOO/v6Fo9jr3PoTA5dxvlyS4w8rnW/iag==","shasum":"9f9d91d8e140e0643ecbbeee287e72dab8e31dec","tarball":"https://registry.npmjs.org/tw-elements/-/tw-elements-2.0.0.tgz","fileCount":55,"unpackedSize":1631243,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdsaPGPG3EgILYkhNUHrsnpk2FK7CNqbZk79n8JX8KowIgJOgGMnVppnJVTPbbU+GLs7zTmsbMqq0DMKLJVj85ucw="}]},"_npmUser":{"name":"juujisai","email":"b.cylwik@mdbootstrap.com"},"directories":{},"maintainers":[{"name":"piotrgusciora","email":"p.gusciora@mdbootstrap.com"},{"name":"makusref10","email":"tomaszmakowski002731@gmail.com"},{"name":"r-jacko","email":"amigo9569@gmail.com"},{"name":"iprzybysz","email":"i.przybysz@mdbootstrap.com"},{"name":"rafalseifert","email":"seifert.private@gmail.com"},{"name":"mako3577","email":"makolaza@gmail.com"},{"name":"trochonovitz","email":"idyht7w0j@relay.firefox.com"},{"name":"juujisai","email":"b.cylwik@mdbootstrap.com"},{"name":"shigure92","email":"k.pienkowska@mdbootstrap.com"},{"name":"mleciejewski","email":"leciejewskimateusz@gmail.com"},{"name":"bwsky","email":"adamjakubowski.erazmus@gmail.com"},{"name":"ascensus","email":"szymanskimichal9@gmail.com"},{"name":"smolenski-mikolaj","email":"smolenski.mikolaj@gmail.com"},{"name":"mdbootstrap","email":"support@mdbootstrap.com"},{"name":"fkappa","email":"f.kapusta@mdbootstrap.com"},{"name":"aidzikowski","email":"a.idzikowski@mdbootstrap.com"},{"name":"gbujanski","email":"grzegorz.bujanski@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tw-elements_2.0.0_1709563839245_0.34014348299730335"},"_hasShrinkwrap":false}},"time":{"created":"2021-12-03T12:25:01.346Z","1.0.0-alpha1":"2021-12-03T12:25:01.597Z","modified":"2024-03-04T14:50:40.112Z","1.0.0-alpha2":"2021-12-13T11:11:21.671Z","1.0.0-alpha3":"2021-12-31T15:21:59.175Z","1.0.0-alpha4":"2022-01-05T14:35:46.815Z","1.0.0-alpha5":"2022-01-11T15:24:08.237Z","1.0.0-alpha6":"2022-01-12T13:45:40.447Z","1.0.0-alpha7":"2022-01-13T15:35:18.647Z","1.0.0-alpha8":"2022-01-14T14:02:27.360Z","1.0.0-alpha9":"2022-01-20T15:39:03.669Z","1.0.0-alpha10":"2022-01-31T08:38:46.102Z","1.0.0-alpha11":"2022-02-11T15:16:44.682Z","1.0.0-alpha12":"2022-03-25T11:20:22.313Z","1.0.0-alpha13":"2022-11-29T10:59:48.355Z","1.0.0-beta1":"2023-02-20T09:32:11.545Z","1.0.0-beta2":"2023-04-11T07:14:46.927Z","1.0.0-beta3":"2023-07-31T06:33:05.574Z","1.0.0-rc.1":"2023-08-28T09:01:18.632Z","1.0.0":"2023-09-11T06:08:24.241Z","1.1.0":"2023-12-04T08:50:17.269Z","2.0.0":"2024-03-04T14:50:39.424Z"},"maintainers":[{"name":"piotrgusciora","email":"p.gusciora@mdbootstrap.com"},{"name":"makusref10","email":"tomaszmakowski002731@gmail.com"},{"name":"r-jacko","email":"amigo9569@gmail.com"},{"name":"iprzybysz","email":"i.przybysz@mdbootstrap.com"},{"name":"rafalseifert","email":"seifert.private@gmail.com"},{"name":"mako3577","email":"makolaza@gmail.com"},{"name":"trochonovitz","email":"idyht7w0j@relay.firefox.com"},{"name":"juujisai","email":"b.cylwik@mdbootstrap.com"},{"name":"shigure92","email":"k.pienkowska@mdbootstrap.com"},{"name":"mleciejewski","email":"leciejewskimateusz@gmail.com"},{"name":"bwsky","email":"adamjakubowski.erazmus@gmail.com"},{"name":"ascensus","email":"szymanskimichal9@gmail.com"},{"name":"smolenski-mikolaj","email":"smolenski.mikolaj@gmail.com"},{"name":"mdbootstrap","email":"support@mdbootstrap.com"},{"name":"fkappa","email":"f.kapusta@mdbootstrap.com"},{"name":"aidzikowski","email":"a.idzikowski@mdbootstrap.com"},{"name":"gbujanski","email":"grzegorz.bujanski@gmail.com"}],"description":"TW Elements is a huge collection of free, interactive components for Tailwind CSS.","homepage":"https://tw-elements.com/","repository":{"type":"git","url":"git+https://github.com/mdbootstrap/TW-Elements.git"},"author":{"name":"MDBootstrap"},"bugs":{"url":"https://github.com/mdbootstrap/TW-Elements/issues"},"license":"SEE LICENSE IN ","readme":"# TW Elements [\"tw-elements\"](https://tw-elements.com/)\"Total \"Latest \r\n\r\nTW Elements is a huge collection of free, interactive components for Tailwind CSS.\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \t\t\r\n \r\n \r\n
    \r\n
  • 500+ UI components
    • \r\n
  • 117+ design blocks
    • \r\n
  • Dark mode support
    • \r\n
  • Easy theming & customization
    • \r\n
  • Simple, 1 minute install
    • \r\n
  • Free for personal & commercial use
    • \r\n
\r\n

Get started with TW Elements now!

\r\n
\r\n\r\n---\r\n\r\n## Table of Contents\r\n\r\n- [Table of Contents](#table-of-contents)\r\n- [Community](#community)\r\n- [Coming soon](#coming-soon)\r\n- [Components](#components)\r\n- [Design blocks](#design-blocks)\r\n- [Installation](#installation)\r\n\r\n---\r\n\r\n## Community\r\n\r\n- Motivate us with some [words of encouragament ❤️](https://github.com/mdbootstrap/TW-Elements/discussions/categories/kind-words-general-feedback)\r\n- Share your [ideas & feature requests 💡](https://github.com/mdbootstrap/TW-Elements/discussions/categories/share-ideas-request-features)\r\n- Aks for help & help others in our [community support 🙏](https://github.com/mdbootstrap/TW-Elements/discussions/categories/support-from-community)\r\n- **Engage, discuss & have fun in our [community 💬](https://github.com/mdbootstrap/TW-Elements/discussions)**\r\n\r\n**If you want to help the project grow, start by simply sharing it with your peers!**\r\n\r\n- [Share via Dev.to]()\r\n- [Share via Twitter](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%40MDBootstrap%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)\r\n- [Share via Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A//tw-elements.com)\r\n- [Share via LinkedIn](http://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftw-elements.com%2F&title=500%2B%20open-source%20components%20for%20TailwindCSS)\r\n- [Share via Pinterest](https://www.pinterest.com/pin/create/button?url=https://tw-elements.com/&media=https://tw-elements.com/img/components-big.jpg&description=TailwindElements)\r\n- [Share via Reddit](https://reddit.com/submit?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)\r\n- [Share via StumbleUpon](https://www.stumbleupon.com/submit?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)\r\n- [Share via Vkontakte](https://vk.com/share.php?url=https://tw-elements.com/)\r\n- [Share via Weibo](https://service.weibo.com/share/share.php?url=https://tw-elements.com/&title=500+%20open-source%20components%20for%20TailwindCSS)\r\n- [Share via Hackernews](https://news.ycombinator.com/submitlink?u=https://tw-elements.com/&t=500+%20open-source%20components%20for%20TailwindCSS)\r\n- [Share via Gmail](https://mail.google.com/mail/?view=cm&to=%7Bemail_address%7D&su=Check%20out%20this%20project&body=Hello,%0AI%27m%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt%27s%20over%20500+%20open-source%20components%20for%20TailwindCSS%20with%20excellent%20support%20and%20an%20awesome%20community:%0Ahttps://tw-elements.com/%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards,&bcc=%7Bemail_address%7D&cc=%7Bemail_address%7D)\r\n- [Share via email](mailto:?subject=Check%20out%20this%20project&body=Hello%2C%0AI'm%20reaching%20out%20to%20recommend%20my%20latest%20discovery.%0A%0AIt's%20over%20500%20%20open-source%20components%20for%20Tailwind%20CSS%20with%20excellent%20support%20and%20an%20awesome%20community%3A%0Ahttps%3A%2F%2Ftw-elements.com%2F%0A%0AI%20hope%20you%20will%20find%20it%20useful.%0ABest%20regards%2C)\r\n\r\nThank you!\r\n\r\n---\r\n\r\n## Coming soon\r\n\r\nCheck out the upcoming features - make sure to **join the waiting list** in order to **get early access**!\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \"Design\r\n \r\n \r\n \r\n \"Templates\"\r\n \r\n
Drag & drop builderTemplates
\r\n\r\n---\r\n\r\n## Components\r\n\r\nA collection of stunning components made with attention to the smallest details. Forms, cards, buttons, and hundreds of others – in TW Elements you will find all the essential elements necessary for every project.\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \"Datepicker\"\r\n \r\n \r\n \r\n \"Dropdown\"\r\n \r\n \r\n \r\n \"Modal\"\r\n \r\n
DatepickerDropdownModal
\r\n \r\n \"Charts\"\r\n \r\n \r\n \r\n \"Tooltips\"\r\n \r\n \r\n \r\n \"Carousel\"\r\n \r\n
ChartsTooltipsCarousel
\r\n \r\n \"Accordion\"\r\n \r\n \r\n \r\n \"Tabs\"\r\n \r\n \r\n \r\n \"Stepper\"\r\n \r\n
AccordionTabsStepper
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
TimepickerFooterNavbar
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
AlertsAvatarBadges
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
Button groupButtonsCards
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
ChipsCollapseGallery
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
JumbotronLinkList group
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
NotificationsParagraphsPlaceholders
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
PopoverProgressRating
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
Scroll to topSocial buttonsSpinners
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
TimelineToastTooltip
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
VideoVideo carouselCheckbox
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
File inputInput groupLogin form
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
RadioRangeRegistration form
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
SearchSelectSwitch
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
TextareaTablesRipple
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
AnimationsMasksShadows
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
DatatablesLightboxRating
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Logo\r\n \r\n
ScrollbarPopconfirmMore coming soon
\r\n\r\n---\r\n\r\n## Design blocks\r\n\r\nResponsive Landing page blocks built with Tailwind CSS. Plenty of design blocks examples such as Teams, services, projects, faq, and many more.\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \"Hero\"\r\n \r\n \r\n \r\n \"Pricing\"\r\n \r\n \r\n \r\n \"Call\r\n \r\n
HeroPricingCall to action
\r\n \r\n \"Features\"\r\n \r\n \r\n \r\n \"Contact\"\r\n \r\n \r\n \r\n \"News/blog\"\r\n \r\n
FeaturesContactNews/blog
\r\n \r\n \"Team\"\r\n \r\n \r\n \r\n \"Tabs\"\r\n \r\n \r\n \r\n \"Stepper\"\r\n \r\n
TeamStatsTestimonials
\r\n \r\n \"Content\"\r\n \r\n \r\n \r\n \"Newsletter\"\r\n \r\n \r\n \r\n \"Projects\"\r\n \r\n
ContentNewsletterProjects
\r\n \r\n \"Headers\"\r\n \r\n \r\n \r\n \"FAQ\"\r\n \r\n \r\n \r\n \"Logo\r\n \r\n
HeadersFAQLogo Clouds
\r\n \r\n \"Headers\"\r\n \r\n \r\n \r\n \"FAQ\"\r\n \r\n \r\n \r\n \"Logo\r\n \r\n
BannersMega MenuMore coming soon
\r\n\r\n---\r\n\r\n## Integrations\r\n\r\nTW Elements integrations with popular technologies.\r\n\r\n- [Django Integration](https://tw-elements.com/docs/standard/integrations/django-integration/)\r\n- [Angular Integration](https://tw-elements.com/docs/standard/integrations/angular-integration/)\r\n- [Express Integration](https://tw-elements.com/docs/standard/integrations/express-integration/)\r\n- [Laravel Integration](https://tw-elements.com/docs/standard/integrations/laravel-integration/)\r\n- [Next Integration](https://tw-elements.com/docs/standard/integrations/next-integration/)\r\n- [Nuxt Integration](https://tw-elements.com/docs/standard/integrations/nuxt-integration/)\r\n- [Django Integration](https://tw-elements.com/docs/standard/integrations/react-integration/)\r\n- [Remix Integration](https://tw-elements.com/docs/standard/integrations/remix-integration/)\r\n- [Solid Integration](https://tw-elements.com/docs/standard/integrations/solid-integration/)\r\n- [Svelte Integration](https://tw-elements.com/docs/standard/integrations/svelte-integration/)\r\n- [Sveltekit Integration](https://tw-elements.com/docs/standard/integrations/sveltekit-integration/)\r\n- [Vue Integration](https://tw-elements.com/docs/standard/integrations/vue-integration/)\r\n\r\n---\r\n\r\n## Installation\r\n\r\n##### NPM\r\n\r\n1. Before starting the project make sure to install [Node.js (LTS)](https://nodejs.org/en/ \"Node.js (LTS)\") and [TailwindCSS](https://tailwindcss.com/ \"TailwindCSS\").\r\n\r\n2. Run the following command to install the package via NPM:\r\n\r\n```\r\nnpm install tw-elements\r\n```\r\n\r\n3. TW Elements is a plugin and should be included inside the **tailwind.config.js** file. It is also recommended to extend the content array with a js file that loads dynamic component classes:\r\n\r\n```javascript\r\nmodule.exports = {\r\n content: [\"./src/**/*.{html,js}\", \"./node_modules/tw-elements/js/**/*.js\"],\r\n plugins: [require(\"tw-elements/plugin.cjs\")],\r\n darkMode: \"class\",\r\n};\r\n```\r\n\r\n4. Dynamic components will work after adding the js file:\r\n\r\n```\r\n\r\n```\r\n\r\nAlternatively, you can import it in the following way (bundler version):\r\n\r\n```\r\nimport 'tw-elements';\r\n```\r\n\r\n##### MDB GO / CLI\r\n\r\nCreate, deploy and host anything with a single command.\r\n\r\n1. To start using MDB GO / CLI install it with one command:\r\n\r\n```\r\nnpm install -g mdb-cli\r\n```\r\n\r\n2. Log into the CLI using your MDB account:\r\n\r\n```\r\nmdb login\r\n```\r\n\r\n3. Initialize a project and choose **Tailwind Elements** from the list:\r\n\r\n```\r\nmdb init tailwind-elements-free\r\n```\r\n\r\n4. Install the dependencies (inside the project directory):\r\n\r\n```\r\nnpm install\r\n```\r\n\r\n5. Run the app:\r\n\r\n```\r\nnpm start\r\n```\r\n\r\n6. Publish when you're ready:\r\n\r\n```\r\nmdb publish\r\n```\r\n\r\n##### CDN\r\n\r\nYou can easily test TW Elements by adding CDN scripts to your classic HTML template without the need for installing any packages.\r\n\r\nAdd the stylesheet files below in the _head_ section:\r\n\r\n```\r\n\r\n\r\n\r\n\r\n```\r\n\r\nRequire the js bundled file right before the _body_ closing tag:\r\n\r\n```\r\n\r\n```\r\n","readmeFilename":"README.md"}