Doğukan
@dogukanui
Followers
735
Following
85
Media
31
Statuses
133
Bringing @alignui to the web – stay tuned.
Joined July 2023
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#หลิงออมงานรางวัลHOWE
• 407853 Tweets
#ENGFAxHOWEAWARDS2024
• 315445 Tweets
PERFECT MATCH FAYEYOKO
• 243394 Tweets
ZeeNuNew AT HOWE 2024
• 176893 Tweets
サンデー
• 123912 Tweets
FOTFOT AT HOWE 2024
• 90004 Tweets
#HaryanaAssemblyElection2024
• 62399 Tweets
袴田さん
• 45643 Tweets
LINGORM HOWE 12TH ANN
• 28400 Tweets
Burna
• 27989 Tweets
控訴断念
• 26267 Tweets
袴田巌さん無罪確定
• 25740 Tweets
BOUTIQUE OPENING X PANSA
• 20762 Tweets
KAONOPPAKAO WITH JUV
• 20357 Tweets
نعيم قاسم
• 17785 Tweets
BEAUTRIUM x POOM
• 16870 Tweets
UP GOHAIR AT BEAUTRIUM
• 15128 Tweets
CL X BEAUTY COMPANION
• 12229 Tweets
玉ちゃん
• 12077 Tweets
BEAUTRIUM 13th x OUROAD
• 10437 Tweets
Card Deck Slider from the upcoming
@alignui
HR Management Template for NextJS.
Built with keen-slider + framer-motion.
5
9
189
Did anyone catch the biggest spoiler?
yep, it's happening soon...
5
2
124
Work Hour Analysis Chart for
@alignui
Recharts line chart with step curve and some d3js tweaks.
1
2
113
Spent 15+ hours to code
@alignui
buttons but finished them all. I can't even imagine the time spent designing.
Here are the cutest ones 💕:
3
3
103
The most challenging part of my job is creating scalable interfaces that everyone can use and modify. It takes some time but I'm happy with the output so far.
Watch how easy it is to create any kind of input in seconds using
@alignui
:
10
3
76
A very productive first month at
@alignui
. The goal for June is to complete all base components 🎯
1
1
67
I'm on it 👀
0
2
57
Super excited to share that I'm joining
@alignui
to bring the world's best design system to the web!
It's the beginning of a new chapter for AlignUI 🥳
10
2
47
I'm working hard to bring all
@alignui
pixels to the web flawlessly. This CSS-only custom Textarea resize handle outside the scroll area took me all day. Only those who have tried to customize the handle will understand how impossibly this one is made.
2
1
44
I started right away, we have no time to waste.
The cornerstone of a design system is its tokens. So I first prepared the tailwind config to bring them all (yep,
@alignui
will be built on
@tailwindcss
).
Installation should be pretty straightforward. All you need to do is import
5
2
42
We have a unique spacing system in
@alignui
. If there's a left icon, the left padding is reduced. This required an extra wrapper for text like <Badge.Text>. I'm very obsessive about API design and was bothered by it. Finally, I managed to do it without wrapper 🎉
2
2
41
High quality templates are on the way🔥
With lots of unique components..
Smooth opening animation, card details, and hover effects - all built with React ⚛️
Coded by
@dogukanui
for
@alignui
15
20
348
1
0
11
Tailwind wraps CSS variables in var(...) when used as arbitrary values. But in some cases like houdini transitions, it shouldn't be wrapped. I discovered that an _ underscore does the trick.
1
1
8
We have some questions for you. Understanding your needs and expectations will help us improve AlignUI. Thank you to everyone who takes the time.
🚨 Help needed: CSS Framework Users! 🚨
I'm researching how developers use CSS frameworks. Got 20 mins to share your experiences? Your insights are valuable!
Reply or DM to join the conversation 🫶🏻
5
2
29
0
0
6
@alignui
@tailwindcss
If you prefer a gradual transition and only wish to use colors, you can opt for just the color instead of obtaining all presets.
1
0
5
@necatikcl
@alignui
makes sense. it will be iterated. <3 something like this or do not animate at all?
2
0
4
I'm thinking about not making our Banner a component since it's typically used only a few times across the site. It seems more practical to just copy-paste the specific Banner you need. Do you think the same?
Poll below.
2
1
4
@alignui
@tailwindcss
Prefixing is completely opinionated. If you don't want to preserve default ones, just leave the function empty.
We've just started and none of these are set in stone yet. However, I want to keep you informed about the progress.
0
0
2
@piotrkulpinski
loved the subtle effect on the cards while scrolling 😍 I'd prefer nextjs because it will attract more people.
1
0
2
@alignui
These are not final versions. We haven't officially worked on animations for AlignUI yet but I'd like to hear your feedback.
0
0
2
@1Amirn
yep. I'm not creating a UI library from scratch. No need to reinvent the wheel. We will provide components built with popular headless libraries. like Radix, Tanstack etc. So you can easily copy-paste into your project. Exactly like shadcn.
1
0
2
I'm finally launching Composed UI on Product Hunt!
It's a great starter pack for your tailwindcss projects. Easily pick out just what you need and write your own javascript. And it's completely free!
It would be a dream if I could make it into the top 3. Please head over to PH
2
0
2
@piotrkulpinski
@alignui
Wow! Thanks a lot for sharing. I'm checking it out and I came across the only: selector in the Button component. Didn't even know it exist in tailwind. Will definitely make use of it ❤️
1
0
2
@chankarunaratne
@alignui
It's not crucial to click on since doesn't contain critical information. Just a subtle interaction.
0
0
1
@JaceThings
@alignui
Very good catch. It goes beyond the rounded edges but having it unrounded might offer a better UX.
1
0
1
@Goroh_co
@alignui
@tailwindcss
I'll share more insights as we progress. But I will stick with WAI-ARIA standards.
You're right, 'Segmented Control' would be a better name here.
0
0
0
@madebyibrahim
@alignui
I'll use unstyled and headless components, primarily Radix. I know React Aria has advanced hooks especially for date/calendar. I'll likely use it too.
0
0
1
@needim
@alignui
@tailwindcss
evet abi asıl amacımız AlignUI'ı eksiksiz şekilde koda dökmek. bu ilk adımıydı :)
0
0
1
I'd still prefer long class chain repetitions instead. Because;
- Brings a new syntax to learn.
- "selecting and editing every repeated variant chain" is not a big deal.
- Causes CSS bloating. Brandon pointed this out but still most of people don't have a clue about it.
- It's
Multi for Tailwind CSS 🦋👀
Variant-grouped utilities. (This is not a drill 🚨)
tailwindcss-multi provides a method for applying multiple utilities simultaneously, eliminating the need to repeat lengthy variant chains.
—
Check it out on GitHub 👇🏼
13
82
685
1
0
1
@robert_shaw_x
@alignui
@reactjs
Actually not a component library. I'm not a fan of it. We will give you the code with instructions and recipes so you can easily copy and paste.
1
0
1
Which one would you prefer?
A) Copy static code
6
B) Use with component
13
1
1
1
If you like this, follow me for something VERY exciting that I'll announce next week!
I'm finally launching Composed UI on Product Hunt!
It's a great starter pack for your tailwindcss projects. Easily pick out just what you need and write your own javascript. And it's completely free!
It would be a dream if I could make it into the top 3. Please head over to PH
2
0
2
1
0
1
0
0
1
0
0
1
@aykutkardas
@interactively_
this will definitely be incredibly useful for people like me who can't write prompts 💯
1
0
1
@mattpocockuk
So "use 'import type' as much as possible" is the best practice right now or there is no difference on performance?
2
0
0
@yigitkonur
@serkanhaslak
@ersadwork
@alignui
@dgknca
Birkaç haftaya start veriyoruz. Hazır olduğunda kullanmama ihtimali yok. Gerekise
@serkanhaslak
abi için exclusive support da hazır :)
1
0
1
@Support
I already paid for Premium but you kept trying to charge my card multiple times. Now it looks like my Premium has ended!
3
0
0