All the testing!
Test
Somewhere to mess around with the Alpine JS Framework. Want to try out Alpine.JS for yourself, check out their documentation and setup guide here
Enter your name to begin
Don't worry, your data won't be stored anywhere or sold for advertising
Psst, hey you can keep editing this field if you want to change your name
Hi !
What about your favourite colour?
I won't judge
Not seeing the colour you thought? You can use any of the following:
- Named Colours remove any spaces for two word colours, e.g: "lightyellow"
- Supported CSS Colours e.g. RGB, HEX, HSL, HWB
- Supported Tailwind CSS Colours use the colour palette above to select these
Great choice! Looks like you went with a shade of ''
Here is some random text so you can really take the time to appreciate your new look.
Did you know a "punch" from a Mantis Shrimp's claw delivers 1,500 Newtons of force in under three-thousandths of a second.
Which is quick enough to boil the water around them and produce an underwater shockwave in their wake*
Ran out of ideas for colours, did you check out the palette selector?
Ok, now lets see how Alpine can be used to poll for and dynamically update data
Press the button below for an API response
This component intentionally returns a negative response from the no-as-a-service API
Response:
NaaS rate limit reached, try again shortly
Hey , this is actually an error and not an expected response from the API
Great work , let's keep going...
Products
Mess around with the 'Thumbnails' button to see how Alpine can dynamically switch up our grid layout
Bamboo Spatula
7.99
Black Aluminium Cup
5.99
Black Whisk
9.99
Boxed Blender
39.99
Carbon Steel Wok
29.99
Chopping Board
12.99
Citrus Squeezer Yellow
8.99
Egg Slicer
6.99
Product data provided via DummyJSON API
Congrats !
That's about everything I've coded so far
Check out some of our other Projects