Public
- Public
- Network
- Groups
- Featured
- Popular
- People

Screen recording showing me configure a lovestruck cotton-candy coloured cyborg character in Kitten Kawaii and then, using the details drawer via the Show details button, copying the run it locally instructions: mkdir kawaii && cd kawaii kitten-npm init -y kitten-npm install kitten-kawaii touch index.page.js And then the generated code: import { Cyborg } from 'kitten-kawaii' export default () => kitten.html` <${Cyborg} mood='lovestruck' colour='#ffbae1' /> ` Into the index.page.js file and running `kitten --open` in terminal to see the character in the browser at https://localhost in my own Kitten app.

Download link

Screen recording showing me configure a lovestruck cotton-candy coloured cyborg character in Kitten Kawaii and then, using the details drawer via the Show details button, copying the run it locally instructions: mkdir kawaii && cd kawaii kitten-npm init -y kitten-npm install kitten-kawaii touch index.page.js And then the generated code: import { Cyborg } from 'kitten-kawaii' export default () => kitten.html` <${Cyborg} mood='lovestruck' colour='#ffbae1' /> ` Into the index.page.js file and running `kitten --open` in terminal to see the character in the browser at https://localhost in my own Kitten app.

Notices where this attachment appears

Embed this notice
Aral Balkan (aral@mastodon.ar.al)'s status on Tuesday, 20-Aug-2024 02:16:11 JST Aral Balkan
in reply to

And just to underscore how simple Kitten is, here’s a demo of creating a new Kitten project that displays the character you’ve configured using Kitten Kawaii.
There’s a lot more in the blog post (this whole thing just ballooned up from what I thought would be a nice weekend project) but I hope the highlights/videos give you some idea of how web development can be if our goal isn’t to exploit and extract from people to become billionaires.
:kitten:💕
#SmallWeb #Kitten #web #dev #KittenKawaii

In conversation about 5 months ago from mastodon.ar.al permalink