UI devtools @uidevtools

visual devtools for tailwindcss · maintained as sponsorware by @siddharthkp: https://t.co/kwBTo4aMX8 ui-devtools.com localhost Joined October 2020

Tweets

34
Followers

1K
Following

1
Likes

4

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools new ux idea: resize margin with mouse?

1 4 44 0 8

Download Gif

UI devtools @uidevtools

4 years ago

✌️🚀 0.9.1

3 2 48 0 1

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools identify svg elements and show additional properties - stroke + fill setting stroke color as currentColor means it will take the parent's color property :)

0 1 29 0 3

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools sometimes you start with a div/span and then change your mind, especially for proper semantics 😇 ui-devtools supports changing classnames, inner text and now tagName

4 2 37 0 4

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools added some good old text editing, tap T on an element with text .

3 2 35 0 1

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools tiny improvement, added a way to toggle border on each side because sometimes you only need border-bottom (the instant code change is very satisfying 😇)

2 1 26 0 2

Download Gif

siddharth ☻ @siddharthkp

4 years ago

pulled a useful snippet out from @uidevtools to open source it → Click a component while holding Alt/option to open it's source code in @code github.com/siddharthkp/ba…

24 59 372 0 40

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools holy shit, this actually worked??? convert conditional expression to a template expression to make room for the "always" class

1 1 32 0 5

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools first attempt at conditional expressions, opened up pandora's box

4 1 43 0 3

Download Gif

siddharth ☻ @siddharthkp

4 years ago

👀 @uidevtools accidentally made the transforms super super fast! should change the unit to milliseconds now! before and after:

10 1 44 0 4

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools completely changed my mind about showing scale and margins. when you're resizing, you want the tool to get out of your way so you can see how Your ui looks

3 1 22 0 2

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools warning for inaccessible text contrast + hints for colors with enough contrast AA/AAA

3 5 70 0 10

Download Gif

siddharth ☻ @siddharthkp

4 years ago

📸 @uidevtools showing color number on hover because I like to know which value i'm picking

2 1 53 0 1

Download Gif

UI devtools @uidevtools

5 years ago

looking for help 🙇‍♀️

siddharth ☻ @siddharthkp

5 years ago

looking for help 🙇‍♀️

6 20 124 0 12

0 1 4 0 1

UI devtools @uidevtools

5 years ago

💙🙌

0 0 23 0 0

Download Image

UI devtools @uidevtools

5 years ago

👀

2 1 57 0 0

Download Image

UI devtools @uidevtools

5 years ago

🚀 release update: ui-devtools/[email protected] this is works on my machine release for @vuejs integration 🧪😇 if you're a sponsor, you can try it out now :)

1 3 27 0 3

Download Image

siddharth ☻ @siddharthkp

5 years ago

📸 @uidevtools made a tiny breakthrough with @vuejs, vue support coming soon 🎉

2 5 73 0 1

Download Gif

siddharth ☻ @siddharthkp

5 years ago

I'm surprised how well this worked out! animating svgs with raw tailwind

siddharth ☻ @siddharthkp

5 years ago

I'm surprised how well this worked out! animating svgs with raw tailwind https://t.co/ZD4D6sSQQu

1 1 42 0 8

Download Video

4 2 55 0 5

Download Gif

siddharth ☻ @siddharthkp

5 years ago

📷 @uidevtools Exploring keyboard shortcuts to improve the workflow a bit more. Shift > mb > down down down > Enter not sold on the ux yet. experiment shipped to sponsors.