🔥#example_ui
Last week Adam Whathan built this beautiful app UI using TailwindCSS
Link to livestream:
https://youtu.be/6xgMkGMIudE
Last week Adam Whathan built this beautiful app UI using TailwindCSS
Link to livestream:
https://youtu.be/6xgMkGMIudE
📝 #article #useful #must_read
7 Practical Tips for Cheating at Design by Steve Schoger
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
7 Practical Tips for Cheating at Design by Steve Schoger
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
Medium
7 Practical Tips for Cheating at Design
Improving your designs with tactics instead of talent.
#tip
"🔥 Did you know Tailwind has an undocumented 'sr-only' utility class that hides content, but not on screenreaders?" by @teamcodecourse
"🔥 Did you know Tailwind has an undocumented 'sr-only' utility class that hides content, but not on screenreaders?" by @teamcodecourse
📢 #poll
Dear channel followers, what do you find most useful in this channel?
Dear channel followers, what do you find most useful in this channel?
Final Results
52%
Comonent examples
17%
News and articles
30%
Design tips
🔥#news
Cool features coming to the core of TailwindCSS
https://twitter.com/adamwathan/status/1207707996232527872?s=19
Cool features coming to the core of TailwindCSS
https://twitter.com/adamwathan/status/1207707996232527872?s=19
🔥 #fact #useful
Did you know?
There is a web app called Tailwind.run() which provides interactive playground for TailwindCSS.
You can easily configure, compile and run your TailwindCSS designs without leaving your browser.
Here is the link: https://tailwind.run
Did you know?
There is a web app called Tailwind.run() which provides interactive playground for TailwindCSS.
You can easily configure, compile and run your TailwindCSS designs without leaving your browser.
Here is the link: https://tailwind.run
🔥 #component #useful
Circle buttons with notification badges
👉 https://tailwind.run/SPDsvZ/2
© @tailwindcss_tips
Circle buttons with notification badges
👉 https://tailwind.run/SPDsvZ/2
© @tailwindcss_tips
🔥 #component #useful
An upload button with group hover
https://tailwind.run/febEks/2
© @tailwindcss_tips
An upload button with group hover
https://tailwind.run/febEks/2
© @tailwindcss_tips
🔥 #component
Responsive Sidebar Navigation
By Simon Depelchin
https://codepen.io/simondepelchin/full/ypwEBN
Responsive Sidebar Navigation
By Simon Depelchin
https://codepen.io/simondepelchin/full/ypwEBN
#useful
A curated list of awesome things related to Tailwind CSS
👉 https://github.com/aniftyco/awesome-tailwindcss
A curated list of awesome things related to Tailwind CSS
👉 https://github.com/aniftyco/awesome-tailwindcss
GitHub
GitHub - aniftyco/awesome-tailwindcss: 😎 Awesome things related to Tailwind CSS
😎 Awesome things related to Tailwind CSS. Contribute to aniftyco/awesome-tailwindcss development by creating an account on GitHub.
🔥 #news #useful
Finally Tailwind UI, the component library by the creators of the framework, has been released!
Components buy a license to use them. However, you can get an inpiration.
Check out some free components:
👉 https://tailwindui.com/preview
Finally Tailwind UI, the component library by the creators of the framework, has been released!
Components buy a license to use them. However, you can get an inpiration.
Check out some free components:
👉 https://tailwindui.com/preview
🔥 #useful #starter_kit
Free starter kit by Creative Tim
👉 https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/presentation
Free starter kit by Creative Tim
👉 https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/presentation
🔥 #useful #video
Tailwind CSS Tips, Tricks & Best Practices
by Sam Selikoff
👉 https://www.youtube.com/watch?v=nqNIy8HkEQ8
Tailwind CSS Tips, Tricks & Best Practices
by Sam Selikoff
👉 https://www.youtube.com/watch?v=nqNIy8HkEQ8
YouTube
Tailwind CSS Tips, Tricks & Best Practices
This is a cross-post from our Virtual EmberConf 2020 Tailwind CSS training!
If you have questions, shoot us an email at hello@embermap.com.
You can find the training app on GitHub: https://github.com/embermap/emberconf2020-tailwind-css-best-practices
0:00…
If you have questions, shoot us an email at hello@embermap.com.
You can find the training app on GitHub: https://github.com/embermap/emberconf2020-tailwind-css-best-practices
0:00…
🔥#new_version #news
Tailwindcss v1.3 has been released
Release notes👇
https://github.com/tailwindcss/tailwindcss/releases/tag/v1.3.0
Tailwindcss v1.3 has been released
Release notes👇
https://github.com/tailwindcss/tailwindcss/releases/tag/v1.3.0
🔥 #template #tailwindui
Tailwind UI Marketing Header Example by Adam Wathan
👉 https://codepen.io/adamwathan/pen/yLYzvJB?editors=1000
Tailwind UI Marketing Header Example by Adam Wathan
👉 https://codepen.io/adamwathan/pen/yLYzvJB?editors=1000
🔥 #template #useful
10+ Free Tailwind CSS Templates & Resources for 2020
https://www.creative-tim.com/blog/web-development/free-tailwind-css-templates-resources/
10+ Free Tailwind CSS Templates & Resources for 2020
https://www.creative-tim.com/blog/web-development/free-tailwind-css-templates-resources/
Creative Tim's Blog - Fully coded design resources for web developers
10+ Free Tailwind CSS Templates & Resources Examples for 2025
If you've already started to use this framework, here are some examples of templates & components based on Tailwind CSS.
🔥 #sample_ui #alpinejs
Simple Todo app using TailwindCSS and AlpineJS
👉 https://codepen.io/ilyosjon/pen/JjYZdOw
Simple Todo app using TailwindCSS and AlpineJS
👉 https://codepen.io/ilyosjon/pen/JjYZdOw