anhsirk0 / whatsapp-svelte

WhatsApp mockup using Tailwind, DaisyUI and sveltekit

Home Page:https://anhsirk0-whatsapp.netlify.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

whatsapp-svelte

main.gif

This is a WhatsApp Mockup window that you can use to create fake welcome/notification messages. Live version

Usage

Adding/Updating users
user.gif

Adding/Updating messages
msg.gif

Use Sidebar to update/delete messages/users

OR

There are 2 components ReceivedMessage and SentMessage
You can create You message via <ReceivedMessage text="Hi there" time="3:14 PM" />
Add first={true} if it is the first message (it will display a trianglular shape at one corner of the chat bubble)

Running the server

Once you've installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

About

WhatsApp mockup using Tailwind, DaisyUI and sveltekit

https://anhsirk0-whatsapp.netlify.com


Languages

Language:Svelte 86.3%Language:JavaScript 12.1%Language:HTML 1.0%Language:CSS 0.6%