Roktimm (@roktim___) header
Roktimm (@roktim___) profile picture

design → code → shipped | AI, saas, and web3 Open to work https://xitter.gq/t.co/RmQ7kVlwil

India
Joined December 2021
Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)Photo by Roktimm (@roktim___)
Roktimm retweeted
Been away a while three cards, one story.
25
7
262
9,616
👀
1
1
11
673
hi @adriankuleszo 👋🏻
1
1
16
1,543
Progress Update: The home page is coming together beautifully. The best part? InterviewXLog brings together all interview experiences on a single platform, making it easier than ever to get real insights in one place. Great for anyone preparing for a job or just curious !
1
1
12
2,067
Recent works💎
12
5
192
14,018
Built this cool "Uploading Progress" component using ReactJs & Tailwind CSS✨
5
2
18
1,640
Roktimm retweeted
AI Card Component Design 2 💎
2
18
1,374
Built this cool charging component using ReactJS and Tailwind CSS ⚡️
5
2
17
1,394
Designed by our very talented designer at @aceternitylabs -- @roktim___
2
1
17
2,387
I do both design and development. Why not? I'm interested in both. I enjoy being creative. At first, it was hard to manage these two skills. Now? It feels natural. Design + Dev = Design Engineer. Man I love this role People used to ask: 'Are you just a designer?' or 'Only a coder?' These days, I say: 'I bring ideas to life, from concept to execution.' Lesson: It's okay to have multiple interests. Your mix of skills makes you unique. Don't let others put you in a box. Having different abilities is a good thing. In a world where many focus on one thing, it's great to be able to do both. Trust me, I've been there. Now I'm here. Where will you be in a year?
4
2
22
1,285
Why not add small animations to your website? ✨ Made in Figma
2
2
14
916
This looks amazing, great job @roktim___! However, the "Book a Call" button feels a bit too VC-funded to me. 🙃 After releasing v4 (non-beta), I plan to improve the UI/UX. I'll be working on it with the community on stream.
Coolify helps devs do amazing things. Their product rocks, but their website needed a boost. So I made this quick UI design to show what's possible. Would love to team up and make it real! What do you think, @coolifyio @heyandras ?
5
1
90
6,762
5 new hero components dropping soon on Aceternity UI ✨🔥
32
12
2
392
13,654
figma kit for pro.aceternity.com ?
85%yes
15%no
300 votes • Final results
6
1
1
29
8,506
Roktimm retweeted
Star Rating Component 🪄 #buildinpublic
4
1
1
18
3,254
Just gave a client's website a fresh new look! Check out the revamp and let me know what you think. Before -> After
4
1
13
723
Email Waitlist Component 🪄 #buildinpublic
2
1
1
7
1,187
Stop neglecting accessibility in web dev Instead: ✅ Design and develop for all users (including those with disabilities). ✅ Use semantic HTML to convey meaning to screen readers. ✅ Ensure proper keyboard accessibility and color contrast. Top developers create inclusive websites for everyone. What other daily practices prioritise accessibility?
1
4
599
Clarity & Conversion Optimisation A landing page's UI should be crystal clear and guide users towards conversion. Here are key elements: -Clear Value Proposition: Headline and visuals should instantly communicate what the page offers and its benefits. -Strong Call to Action: A prominent and action-oriented CTA button tells users what to do next. -Focused Design: Minimise distractions and prioritise the conversion goal with a clean and uncluttered UI. Craft compelling landing pages! Share your tips for optimising UI elements for maximum conversions.
1
1
5
686
Bringing your UI designs to life in React requires effective handoff and communication. Here are some tips: ✅ Design Documentation: Create detailed documentation with specifications, color palettes, and interaction details. ✅ Collaboration Tools: Utilise tools like Figma to bridge the gap between design and development. ✅ Style Guide Development: Establish a style guide outlining UI components, typography, and spacing for consistent implementation. Streamline your workflow! Share your favourite strategies for transitioning UI designs into clean and maintainable React code.
1
5
669