Top Tweets for #AlpineJs
How to create APIs with Django Rest Framework
👉 https://t.co/XYbhYOECS9
#api #Django #djangorestframework #drf #alpinejs #webapp #python #pythonprogramming #selftaughtdeveloper #webdevelopment #programmer #coding #entrepreneur #solopreneur #stayathomedad
Some days ago I decided I stumbled on an issue playing with the DOM with #Alpinejs and I tried days to fix it until I had to try to get a quicker and more reliable alternative to this.
Here comes #StimulusJs. In no time, about 2 days I was able to refactor a few things on my codebase.
Today we (https://t.co/vPpKWESA1N) fully uses stimulus.
Another big update I had to do was on my coolify environment.
Just learned HTMX + Alpine.js via ChatGPT.
Clean, lightweight, and surprisingly powerful.
Planning to use this stack for the Sui Gaming Nigeria website.
Less complexity. More focus on shipping.
#WebDev #HTMX #AlpineJS #BuildInPublic @SuiGamingNigeria
@GCGvsGAMING
¡Arrancamos motores en la Track 2! 🏎️ Javier Archeni nos enseña cómo darle "turbo" al frontend de #WordPress usando Alpine.js. Menos peso, más velocidad. ¡Pintaza! 💨
#WCZGZ26 #WordPress #Frontend #AlpineJS
I just raised another PR to the @laravelio codebase, which adds the option for pagination through the articles, threads, and replies under the user profile. https://t.co/Bbg0b6DT1Y
#Laravel #PHP #AlpineJs #OpenSource
Built a tip calculator with Alpine.js! @Alpine_JS from @frontendmentor
✅ Calculations + validation working 🔧 Next: responsive design
Feedback wanted—critique my code! 🔍
🔗 https://t.co/uN2kck7Osg
#AlpineJS #100DaysOfCode #BuildInPublic
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/YLhnOUg7bi
building modals that don’t break under real‑world pressure 🔧!
Dive into how SheafUI’s “Ultimate Modal System” handles global state, nested dialogs, mobile gestures, accessibility it now: https://t.co/2mWJzxyuOD
#TALLStack #Laravel #AlpineJS #Livewire #WebDev
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/2WwSbefJ0K
𝐃𝐚𝐲 56 𝐨𝐟 #100𝐃𝐚𝐲𝐬𝐎𝐟𝐂𝐨𝐝𝐞! We're tackling the component everyone dreads: the custom 𝐃𝐫𝐨𝐩𝐝𝐨𝐰𝐧/𝐒𝐞𝐥𝐞𝐜𝐭, along with the small but essential 𝐓𝐨𝐠𝐠𝐥𝐞/𝐒𝐰𝐢𝐭𝐜𝐡!
The Dropdown is a real UI skill test, but with the #Alpinejs / #Livewire / #Blade team, we managed to make it perfect, including accessibility.
𝐖𝐡𝐚𝐭 𝐦𝐚𝐤𝐞𝐬 𝐭𝐡𝐢𝐬 𝐃𝐫𝐨𝐩𝐝𝐨𝐰𝐧 𝐬𝐨 𝐜𝐨𝐨𝐥:
- 𝐓𝐨𝐭𝐚𝐥 𝐀𝐥𝐩𝐢𝐧𝐞 𝐂𝐨𝐧𝐭𝐫𝐨𝐥: It manages the open state and, crucially, smart closing mechanisms (𝘹-𝘰𝘯:𝘤𝘭𝘪𝘤𝘬.𝘢𝘸𝘢𝘺).
- 𝐓𝐨𝐩-𝐧𝐨𝐭𝐜𝐡 𝐀11𝐲 (𝐀𝐜𝐜𝐞𝐬𝐬𝐢𝐛𝐢𝐥𝐢𝐭𝐲): I worked on 𝐤𝐞𝐲𝐛𝐨𝐚𝐫𝐝 𝐧𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐨𝐧 (Up/Down arrows, Escape) so keyboard wizards can use it with their eyes closed.
- 𝐓𝐡𝐞 𝐓𝐨𝐠𝐠𝐥𝐞: A clean, stylish little Switch that handles binary states with smooth transitions.
Two more foundational blocks added to the lab. We're starting to build a real library! 💪
Check out the Dropdown (and previous components) on the lab:
🔗 https://t.co/KlcJSZY0Ab
What's the 𝐡𝐚𝐫𝐝𝐞𝐬𝐭 component you've had to build using Alpine.js?
#Laravel #Livewire #Alpinejs #TailwindCSS #WebDev #ComponentDesign #100DaysOfCodeChallenge
𝐁𝐢𝐠 𝐝𝐚𝐲 𝐟𝐨𝐫 𝐃𝐚𝐲 55 𝐨𝐟 #100𝐃𝐚𝐲𝐬𝐎𝐟𝐂𝐨𝐝𝐞! I nailed two essential components for my UI Lab: the 𝐌𝐨𝐝𝐚𝐥/𝐃𝐢𝐚𝐥𝐨𝐠 and the 𝐀𝐥𝐞𝐫𝐭/𝐁𝐚𝐧𝐧𝐞𝐫 component.
Honestly, this proves that when you combine #Livewire and #Alpinejs, you can build truly professional things without getting bogged down with heavy JavaScript. It absolutely rocks!
1. The Modal
- This was the day's final boss! Controlled by Alpine, it has super smooth open/close 𝐭𝐫𝐚𝐧𝐬𝐢𝐭𝐢𝐨𝐧𝐬 (𝘹-𝘵𝘳𝘢𝘯𝘴𝘪𝘵𝘪𝘰𝘯).
- The sweet bonus: it closes by clicking outside or by hitting the 𝐄𝐬𝐜𝐚𝐩𝐞 key (𝘹-𝘰𝘯:𝘬𝘦𝘺𝘥𝘰𝘸𝘯.𝘦𝘴𝘤𝘢𝘱𝘦). UX is everything!
2. The Alert Component (Simple and Effective)
- Perfect for displaying all back-end messages (success, error, info).
- Plenty of variant colors and 𝐋𝐮𝐜𝐢𝐝𝐞 𝐈𝐜𝐨𝐧𝐬 to make it pop. A total must-have in any project.
Two major UI challenges tackled in one day. I'm feeling on top of the world! 💪
Check out the final result and test the interactivity: 🔗 https://t.co/NAhPliwEUn
Between a Modal that covers the whole screen and a complex form field, what do 𝐲𝐨𝐮 think is the 𝐦𝐨𝐬𝐭 𝐚𝐧𝐧𝐨𝐲𝐢𝐧𝐠 component to make fully accessible ?
#Laravel #Livewire #Alpinejs #TailwindCSS #WebDev #ComponentDesign #100DaysOfCodeChallenge
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/lRqiuRyHB7
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/fHBnYqtKb9
【work】YOU INC.
https://t.co/jds0lNlTiz 埼玉県小川町と東京都を拠点に企画・編集を手がけるYOU INC.のWebサイトリニューアルにおいて、実装業務を担当しました。岡本健デザイン事務所チームとYOU INC.チームによる濃密な対話の中で育まれたWebサイトです。#実装 #web制作 #alpinejs #tailwindcss
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/Nm25JvWQ59
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/jDhMELjOLU
No more nerves, ace interviews with our expert tips! 💪📚 #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/aLW3nf9pCb
Built a template selection modal for @FilaForms with:
→ Real-time search filtering
→ Alpine.js reactivity
→ Visual selection feedback
→ Debounced search performance
Clean UX without overengineering.
#Laravel #AlpineJS #FilaForms
Last Seen Hashtags on Sotwe
Most Popular Users
Elon Musk 
@elonmusk
240.2M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
109.1M followers
Narendra Modi
@narendramodi
107M followers
Rihanna
@rihanna
97.3M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.6M followers
KATY PERRY
@katyperry
86.9M followers
Taylor Swift
@taylorswift13
80.7M followers
Lady Gaga
@ladygaga
72.3M followers
Kim Kardashian
@kimkardashian
69.4M followers
Virat Kohli
@imvkohli
68.7M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.5M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
61.2M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60M followers