A single-file, dependencies-free, static html/css, chat UI tiny-kit
![text-the-internet](https://private-user-images.githubusercontent.com/10632534/320936161-3ba20fe9-3b5e-4b8a-b19f-d86351dd7b8b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5MTcxMTQsIm5iZiI6MTcyMDkxNjgxNCwicGF0aCI6Ii8xMDYzMjUzNC8zMjA5MzYxNjEtM2JhMjBmZTktM2I1ZS00YjhhLWIxOWYtZDg2MzUxZGQ3YjhiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDAwMjY1NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJmN2M2OWM5ZWNmZWFhMmU1ZGEwMWI4OGEyNzVhMTBiOGM5ZmRhZjdjMWFmNWY5ZjgxOTQ3NzVlNjFiYTEyNDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GvIk1pK-A-IXPi1M8sE9oEKn4cTQZ7nh1VeW0Bidm98)
- Download the index file and open it in a text editor, duh
- Edit my silly placeholder content - (super) basic
HTML
knowledge required Left
andright
classes allow you to create a conversation- Create
message-group
and addinterstitial
to pace the story - Use
unicode
for emoji - like🖖
for 🖖 - To set the dark theme, just add the
dark-mode
class to the<body>
- Get fancy and tweak, the
CSS
it's at the top of the file
→ View Demo