Running a one-man frontend subscription for startups.
Available now →
- Tweets 214
- Following 82
- Followers 1,015
- Likes 4,713
Pick a day...
w / upcoming @alignui React Components
16
45
749
39,778
Time Tracker ⏲️
built for the @alignui HR Management Template
10
10
250
10,710
Card Deck Slider from the upcoming @alignui HR Management Template for NextJS.
Built with keen-slider + framer-motion.
5
8
185
8,460
Experimenting micro animations for @alignui
w/ @necatikcl
9
8
151
9,725
❤️❤️❤️❤️💖 @alignui
4
7
127
14,174
Work Hour Analysis Chart for @alignui
Recharts line chart with step curve and some d3js tweaks.
1
2
113
5,776
Building signup screen with upcoming @alignui React components✨
5
5
87
7,132
New activities on @alignui 😍
2
6
84
9,528
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 :
9
3
72
9,466
Finally! Today is the day! We just launched AlignUI Code Library 🚀
AlignUI Code Library is live! 💥
40+ free base components, 100+ premium blocks and sector-specific templates with Figma file manually synced with code.
Built for React, styled with TailwindCSS.
w / @alignui
4
1
69
5,277
A very productive first month at @alignui. The goal for June is to complete all base components 🎯
1
1
66
6,680
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
9,042
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
1
12
1,098
I really like this Recharts tooltip positioning with our useTooltipPosition hook. Will be released in Q1 2025 with Marketing & Sales template 🚀
11
877
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
1,037
Struggling to make JS animations responsive? Wrap your component with <foreignObject>
<svg viewBox='0 0 500 400' xmlns='w3.org/2000/svg'>
<foreignObject width='500' height='400'>
<Component xmlns='w3.org/1999/xhtml' />
</foreignObject>
</svg>
1
7
680
🚀 The countdown has begun! Beyond excited to kickstart this!
⏰ Only 4 days left until the launch of @alignui code library!
We are excited to share the important details about our Figma file that is manually synchronized with our code library. Because details are what make us who we are.
Let's take a closer look at our Figma file 👇
8
390
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 🫶🏻
6
1,009
I assure you this is pure craziness 🤯
Marketing & sales dashboard cooking 👨🍳
+15 widgets, detailed settings pages, authentication flow, add product flow and more...
w / @alignui
6
477
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
5
1,558
New free component is live 👀
The Slider component joins our free code library! 🎚️
Value and range selection made easy, now available @alignui
Built for @react , styled with @tailwindcss
4
421
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
2
95
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 and upvote if you can :)
#tailwindcss #producthunt #launch
producthunt.com/posts/compos…
2
2
2,105
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
2
62
You can see all the variants here:
alignui.com/components-detai…
2
700
These are not final versions. We haven't officially worked on animations for AlignUI yet but I'd like to hear your feedback.
2
899
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. designsystems.surf/component…
1
85
loved the subtle effect on the cards while scrolling 😍 I'd prefer nextjs because it will attract more people.
1
2
168
Birkaç haftaya start veriyoruz. Hazır olduğunda kullanmama ihtimali yok. Gerekise @serkanhaslak abi için exclusive support da hazır :)
1
1
60
it's not animation specific. you can put any html inside foreignObject developer.mozilla.org/en-US/… but Safari doesn't like it 😡
1
58
It's not crucial to click on since doesn't contain critical information. Just a subtle interaction.
1
266
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.
1
69
Very good catch. It goes beyond the rounded edges but having it unrounded might offer a better UX.
1
1
93
I'm about to reach Edge Request limit with mostly static websites 😢 I'm migrating to Cloudflare as much as possible. Is there any key points to optimize? Because Vercel's billing goes wild after the free tier.
1
1
143
So "use 'import type' as much as possible" is the best practice right now or there is no difference on performance?
2
1,428
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 negotiable that it has a cleaner syntax.
- I think it's a rare use case. If classes become too long and repetitive, I'd opt for CSS `@apply` instead.
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 👇🏼
1
644
Which one would you prefer?
32%
A) Copy static code
68%
B) Use with component
19 votes • Final results
1
1
1
1,035
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 and upvote if you can :)
#tailwindcss #producthunt #launch
producthunt.com/posts/compos…
1
1
1,522