Tailscan for Tailwind CSS @tailscan Twitter profile | Pikagi

Pikagi

Tailscan for Tailwind CSS

@tailscan

1,310

Followers

256

Following

11

Media

237

Statuses

- Design with Tailwind in the browser, debug visually in seconds and discover how other websites are built. Made by @Erwin_AI

https://t.co/y9qqI4bx1V

Joined November 2022

Don't wanna be here? Send us removal request.

Pinned Tweet

@tailscan

Tailscan for Tailwind CSS

8 months

Tailscan 2 is on Product Hunt today 🙌🚀

Tweet card media

Tailscan for Tailwind CSS - Product Information, Latest Updates, and Reviews 2024 | Product Hunt

Tailscan is the ultimate developer tool for Tailwind CSS. Build your Tailwind website visually, right within the browser.

www.producthunt.com

@Erwin_AI

Erwin

8 months

Tailscan 2 is live and on Product Hunt today 🚀🔥! This update contains lots of new features and an improved UI, designed to give your workflow a serious boost🙌! Read on here 👉 PS: there's a limited amount of launch discounts available but be fast!

47

20

185

4

0

11

Last Seen Profiles

@Sunpwoo

@kloud_kat

@RobertZieltjens

@Trufflemubb

@cheteshwar1

@pan_Skippy

@SwinWildcats

@CITYFitss

@ryuuu_921

@GeenVliegveld

@WUPresBrown

@ProjectWalten

@LaVoixdesRroms

@RGIII

@renoartscity

@panta_z

@uzkstevens

@mocomocoup

@Diamond123hd

@NikilisRBX

@N5dt0

@goldenbergdev

@thinspaur

@RAIDONEUS

@sonovader

@realday21

@RafiAuri

@CPSUK

@98zgang

@aallaahhh

@kiiarens

@sky4twt

@3rxy8

@StraFlore

@merapi_uncover

@nyucubit

@tailscan

Tailscan for Tailwind CSS

2 years

Yay I've been updated!

@Erwin_AI

Erwin

2 years

1️⃣ The first big update for @Tailscan is out! ✨Greatly improved interface, more settings, lots of small bug fixes, Tailwind CSS 3.2 support and the ability to reposition the window! 👇 Check out some of the improvements below!

2

1

25

0

0

10

@tailscan

Tailscan for Tailwind CSS

1 year

@adamwathan Looks great! Is there a rough timeline for v4? Mid or end of 2023? Or probably 2024?

1

0

10

@tailscan

Tailscan for Tailwind CSS

1 year

Time for a party 🙌🎉

@Erwin_AI

Erwin

1 year

Just noticed that @Tailscan had it's 200th customer 🎉! Huuuge milestone! Super proud of this! Ever since hitting 100 customers, on average there has been at least one new customer every single day for 3 months 🤯 👉 You can see this metric and more at

10

3

64

2

0

9

@tailscan

Tailscan for Tailwind CSS

8 months

@Erwin_AI 🥹 I'm trash?

0

0

5

@tailscan

Tailscan for Tailwind CSS

1 year

Update coming soon 👇🙌

@Erwin_AI

Erwin

1 year

Worked on some new @Tailscan features: - Visual margins and paddings, including label with Tailwind CSS class - Guiding and measuring lines - Screenshot functionality Check out quick demo below 👇 What should I work on next?

7

1

24

0

0

5

@tailscan

Tailscan for Tailwind CSS

1 year

Tailwind animations, anyone? 👇

@jacobbinnie

Jacob Binnie

1 year

Aaaaaand WE'RE LIVE! ✨ Check out the launch on Product Hunt and let me know what animations you'd love to see added! #buildinpublic

10

1

43

1

0

5

@tailscan

Tailscan for Tailwind CSS

1 year

@joshmanders @dvassallo When the purists come: rabble rabble <insert invalid argument against tailwind> rabble 😂

0

0

4

@tailscan

Tailscan for Tailwind CSS

1 year

@Erwin_AI @housecor

0

0

4

@tailscan

Tailscan for Tailwind CSS

6 months

@sobedominik @Erwin_AI THE first, Dom. Will never forget.

0

0

1

@tailscan

Tailscan for Tailwind CSS

8 months

🤷‍♂️🤷‍♂️🤷‍♂️

@Erwin_AI

Erwin

8 months

You know what the most annoying thing is that I face day-to-day? I can't use my own product 😭 and I really wish I could. Because Tailscan is also made with Tailwind, I always find myself wanting to use Tailscan to adjust things in Tailscan.

Tweet media one

3

0

10

1

0

3

@tailscan

Tailscan for Tailwind CSS

1 year

@surjithctly Congrats @surjithctly on the 10.000 followers! Super stoked for this giveaway!

1

0

3

@tailscan

Tailscan for Tailwind CSS

7 months

@samoliver64 @Erwin_AI Thank you Sam 🙌 The goal is to add more and more functionalities for designers so it'll become easier to work with Tailwind for them, and tools like Figma become redundant. Or at least for doing small adjustments to existing websites :)!

1

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@adamwathan Woo! That's fast 🤩 I'll be watching closely so I can get v4 support shipped the moment Tailwind CSS v4 launches 😁!

0

0

3

@tailscan

Tailscan for Tailwind CSS

9 months

@Erwin_AI Us rn

1

0

3

@tailscan

Tailscan for Tailwind CSS

1 year

@surjithctly @tailwindcss Thank *you* for these amazing tips every day @surjithctly !

1

0

3

@tailscan

Tailscan for Tailwind CSS

10 months

Only today you can use 'INTERNATIONALCATDAY' during checkout for a 10% discount on all plans. Happy international cat day 😻!

@Erwin_AI

Erwin

10 months

Just used Tailscan to convert & build some nice Tailwind CSS components for a new project of mine. The original component was not built in Tailwind CSS, but luckily that's no longer a problem. I have to admit.. using your own product to save tons of time hits different 🤩

3

1

21

1

0

3

@tailscan

Tailscan for Tailwind CSS

1 year

Some freshly made free components 👇

@Erwin_AI

Erwin

1 year

Tailwind CSS components🔥 You can catch the attention of your visitor much quicker with a fixed SVG background. It gives a unique effect when scrolling. Code below 👇 Sharing more components for free (almost) every day, so follow for more :)!

4

3

35

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@franklinjavier Much better isn't it 🤩

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@jordienr Will can make that happen for Tailscan 👍!

1

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@adamwathan Eagerly waiting 😁!

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

We're having a Black Friday and Cyber Monday discount deal until Tuesday 29th 🙌! There are 45 out of 100 deals left so don't be late👀!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@EdKeziah Congratulations on making it to day 100 Ed 🙌!

1

1

2

@tailscan

Tailscan for Tailwind CSS

2 years

@florinpop1705 @binaryhubio Solid stack!

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@davidtranwd For Tailscan, we use Prism. It's very lightweight. Not a full-fledged editor, but it does basic formatting, highlighting, etc.

1

0

2

@tailscan

Tailscan for Tailwind CSS

5 months

@hrsa @Erwin_AI @beyondcode Let me know if you need any help or have feedback in the Discord or here in @Erwin_AI 's DMs 🙌🏼!

1

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@ashugeo @tailwindcss @BastiUi @benjamincode That's amazing @ashugeo !!

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@relaxxaid @alam_tahera We fully agree 🙌

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@rafal_makes @keremtiryaki Ours is entirely automated. Took ~2 days to build, overall well worth it!

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

Thank you for your kind words @jamesqquick 🙌

@jamesqquick

James Q Quick

2 years

Soooooo @tailscan is pretty cool 👀 - hover to view tailwind classes - add additional classes on the fly - add custom tailwind settings

Tweet media one

6

2

35

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@jonathan_wilke @tailwindcss We've been using this trick for our pricing section on the landing page :)!

1

0

2

@tailscan

Tailscan for Tailwind CSS

11 months

@Erwin_AI makes sad tailscan noises

1

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@Erwin_AI "tailwind default colors" 🥴

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@GwendalBrossard @alex_streza

0

0

2

@tailscan

Tailscan for Tailwind CSS

10 months

@rahulj9a Never 😁

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@surjithctly @tailwindcss 🙌 awesome!

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@adamwathan Sweet! Brb updating Tailscan :)!

0

0

2

@tailscan

Tailscan for Tailwind CSS

2 years

@flybayer I hope we weren't the one that was 'too many' 👉👈

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@levelsio

0

0

2

@tailscan

Tailscan for Tailwind CSS

9 months

@levelsio 👀 Can't wait!

0

0

2

@tailscan

Tailscan for Tailwind CSS

1 year

@iamsegunajibola @james_yobu Check the section 'Limitations' in the official documentation for 'Space':

Tweet card media

Space Between - Tailwind CSS

Utilities for controlling the space between child elements.

tailwindcss.com

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@fryingneurons @dannypostmaa Awesome!!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@EOlonov @tailwindcss 🙌 We can help with this Eugene!

0

0

1

@tailscan

Tailscan for Tailwind CSS

7 months

@fhmi Hello @fhmi , Unfortunately this is correct. Tailscan does not have access to a shadow dom. This might change in a future update, though.

1

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@alam_tahera I had the exact same thought 2 years ago!

1

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@damengchen Yes :)

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

Tailscan just for an update (v1.2.3) with support for Tailwind CSS v3.3!

@Erwin_AI

Erwin

1 year

Tailscan just got an update (v1.2.3) and now supports the new Tailwind v3.3 🚀! Want to use the new 950 color shade? The new RTL classes? Or the new fine-tune gradient classes? And all of that, right within the browser? You got it 💫! Congratulations @tailwindcss on v3.3 🥂🎉!

Tweet media one

7

6

64

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@marc_louvion Nice @marc_louvion ! Thank you for sharing! +1 bookmark 😁

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@codewithshripal But what about classes that are purged by Tailwind CSS because you weren't using them before?

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@blackevilgoblin Congrats @blackevilgoblin 🙌

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@Ben_Wortley @nuxt_js @tailwindcss If you want to use Tailwind, best to just select it when setting up your new project. Saves some effort :)

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@cblavier @arvidkahl Thank you for mentioning @cblavier ! @arvidkahl we'd love to be in your newsletter!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@Erwin_AI @tailwindcss You can try Tailscan instantly on the website 👉 (click 'Try on this page')

Tweet card media

Tailscan - Browser inspector for Tailwind CSS

Tailscan is the ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually, right within the browser.

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@csaba_kissi 👋

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@steventey @nextjs @tailwindcss @prisma @planetscaledata @heroku @vercel @linear 😮 it looks amazing!

1

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

Update about Tailscan 👇 TLDR; many more exciting things coming soon!

@Erwin_AI

Erwin

2 years

Black Friday and Cyber Monday were quite a ride for @Tailscan ! Welcomed a total of 39 new users and received lots of feedback and feature requests. If you're one of Tailscan's new users, thank you so much! I'm super stoked and working hard on the next update (v1.1.0).

1

1

11

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@domnguyen5653 @nutlope @tailwindcss @domnguyen5653 We have config support :)

0

0

1

@tailscan

Tailscan for Tailwind CSS

6 months

@levelsio Happy to be a part of that office, literally 😂

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@jonathan_wilke @tailwindcss It's animated :)!

2

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@Poornimapatil_ Awesome 🙌 Tip from us: You can simulate different screen sizes (mobile/tablet etc) by using Chrome Devtools. Use these two shortcuts: Ctrl + Shift + I to open Devtools and after, Ctrl + Shift/Option + M to open the responsive mode. At the top, you can select screen sizes :)!

0

0

1

@tailscan

Tailscan for Tailwind CSS

8 months

@tomcocobrico @hellokillian Now that anyone, not only devs, can make components on the fly, we think Tailscan is going to be invaluable for tweaking the output to perfection without knowing how to code 😁

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@lmatteis We're working on a view with UI controls!

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@surjithctly @tailwindcss Woah! Brb, updating my landing page 🥲

1

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@syun_blue

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@t3dotgg We can't wait too 🤩

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@nuf1ii سلام علیکم @nuf1ii ! Thank you for showing Tailscan! I see that some of the LTR (left-to-right) writing is overlapping or less optimal than it should be. I'll try to fix this and make it better in the next version. يكثر خيرك 🙇‍♂️

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@Erwin_AI @sup_nim @acnebs @yongfook @dannypostmaa @stripe Me too ❤️!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@nathanlawsn Thank you @nathanlawsn 🙌!

0

0

1

@tailscan

Tailscan for Tailwind CSS

11 months

@ryanconnaughton @Erwin_AI You can trial Tailscan on the website by hitting the button "Try on this page" 😁

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@adamwathan Ahhh that looks great! Can't wait 🙌

0

0

1

@tailscan

Tailscan for Tailwind CSS

11 months

@danmalone_mawla Tailscan has a feature for that use-case, yep. You select any element on the non-tailwind website and hit 'convert'. It will generate the element and all children elements with Tailwind classes. It's still in beta currently and may have some inefficiencies with classes, but it

1

0

1

@tailscan

Tailscan for Tailwind CSS

8 months

@sobedominik @Erwin_AI @BootstrFM Wait is that.. a Tailscan t-shirt?!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@whizzkee Thank you @whizzkee 🙌!

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@LauriePoulter @ergunsh @ChromeDevTools @tailwindcss This is possible with Tailscan, @LauriePoulter :)

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@adamwathan Awesome! Definitely deserves that page!

0

0

1

@tailscan

Tailscan for Tailwind CSS

2 years

@t3dotgg Savage

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@badbatunde That's great @badbatunde ! Whenever you're ready for learning Flexbox, we got you covered 👇 Article about grid coming in the next few days as well!

Tweet card media

Tailwind CSS Flex layout - How to use flexbox with Tailwind

Learn how to use Tailwind flex effectively with this short guide, which includes helpful examples and answers to common questions.

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@dvassallo Abso-freakin'-lutely!

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@Aakash_codes Great list of resources, thank you @Aakash_codes ! Hope we'll make it to the list next time 😁

0

0

1

@tailscan

Tailscan for Tailwind CSS

9 months

@Uhuh_Guillermo @adamwathan We can help :)

1

0

1

@tailscan

Tailscan for Tailwind CSS

11 months

@birdhustle @levelsio Isn't Tailwind good for birds though ;)? Have to spend less energy to fly.

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@iamsegunajibola @james_yobu Gap is for space between grid/flex items. Space is for margin between any items. Does not have to be flex/grid items. It applies margin on all child elements. Hence why the official documentation shows 'space-x-8' with '> * + *' after it, indicating it applies to child elements.

2

0

1

@tailscan

Tailscan for Tailwind CSS

10 months

@Erwin_AI Let's go 🚀🔍

1

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@jamesm Design is 🔥 The slogan is also intriguing, almost sounds like us!

0

0

1

@tailscan

Tailscan for Tailwind CSS

11 months

@SamHartmannCom @tailwindcss @code We do not have a functionality where changes syncs between your browser and your code automatically. It's possible, and for example a product like devsync attempts this. But there are many edge cases, different issues with different frameworks, etc. which is why Tailscan won't

0

0

1

@tailscan

Tailscan for Tailwind CSS

5 months

@hrsa @Erwin_AI @beyondcode Or email of course*

0

0

1

@tailscan

Tailscan for Tailwind CSS

1 year

@Hayer_Hans @jonathan_wilke @surjithctly 🙈

0

0

1