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
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
เธเธญเธฅเนเธชเธตเธขเธง100
Seen from Thailand
narcodrones
Seen from United States
somali wasmo
Seen from France
เธเธฒเธเนเธ
Seen from Thailand
momsonn
Seen from United States
minichat
Seen from Brazil
finansalkรถpek
Seen from Spain
incesto padre y hija
Seen from United States
snapchat filter:videos
Seen from Brazil
minichat() +filter:native_video
Trends for you
Most Popular Users
Elon Musk 
@elonmusk
241.7M followers
Barack Obama
@barackobama
119M followers
Cristiano Ronaldo
@cristiano
114.4M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.2M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.4M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
90M followers
Taylor Swift
@taylorswift13
83.9M followers
Lady Gaga
@ladygaga
75.4M followers
Virat Kohli
@imvkohli
73.3M followers
Kim Kardashian
@kimkardashian
70.9M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.3M followers
Bill Gates
@billgates
65.1M followers
Selena Gomez
@selenagomez
63M followers
The Ellen Show
@theellenshow
62.3M followers
CNN
@cnn
61.8M followers
X
@x
60.7M followers