GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → skyra-project → discord-components

skyra-project / discord-components

Licence: MIT license
Discord Webcomponents for real looking messages on the web

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Labels

reactvuediscordhacktoberfeststenciljs

Projects that are alternatives of or similar to discord-components

capacitor-site
Capacitor website
Stars: ✭ 0 (-100%)
Mutual labels:  stenciljs
app-starter
Angular mono-repo (Ionic/Capacitor/StencilJS/Web Component) app starter for supporting cross platform apps.
Stars: ✭ 75 (-41.41%)
Mutual labels:  stenciljs
stencil-ds-react-template
This is an example repo of building plugins.
Stars: ✭ 33 (-74.22%)
Mutual labels:  stenciljs
web-controls-library
A library of reusable custom elements for GeneXus web applications
Stars: ✭ 14 (-89.06%)
Mutual labels:  stenciljs
web-photo-filter
A Web Component to apply Instagram-like WebGL filters to photos
Stars: ✭ 105 (-17.97%)
Mutual labels:  stenciljs
mm-components
Music Markups components
Stars: ✭ 50 (-60.94%)
Mutual labels:  stenciljs
stencil-fiber-demo
This is an example project using stencil to replicate the react fiber demo.
Stars: ✭ 17 (-86.72%)
Mutual labels:  stenciljs
stencil-redux-demo
A small demo showing how to use Redux in a Stencil app with @stencil/redux
Stars: ✭ 15 (-88.28%)
Mutual labels:  stenciljs
stenciljs-in-react
Stenciljs components in React: step by step guide
Stars: ✭ 22 (-82.81%)
Mutual labels:  stenciljs
static-web-apps-gallery-code-samples
A community showcase of projects built with Azure Static Web Apps 🎉 Visit: https://microsoft.github.io/static-web-apps-gallery-code-samples/
Stars: ✭ 96 (-25%)
Mutual labels:  stenciljs
stencil-state-tunnel
A tool for tunneling state/props down through a component stack.
Stars: ✭ 95 (-25.78%)
Mutual labels:  stenciljs
revodropdown
Minimalistic dropdown and auto-complete component with filtering and keyboard support
Stars: ✭ 20 (-84.37%)
Mutual labels:  stenciljs
frosted-glass
❄️ Add a live frosted glass blur effect over any type of web content, including text.
Stars: ✭ 62 (-51.56%)
Mutual labels:  stenciljs
stencil-mobx
No description or website provided.
Stars: ✭ 26 (-79.69%)
Mutual labels:  stenciljs
generator-stencil
Scaffolding tool 🔨 for Stencil js applications
Stars: ✭ 16 (-87.5%)
Mutual labels:  stenciljs
stencil-boilerplate
A Stencil app boilerplate including routing, Redux etc.
Stars: ✭ 51 (-60.16%)
Mutual labels:  stenciljs
stencil-shimmer
StencilJS component for adding shimmer UI effect to your applications.
Stars: ✭ 14 (-89.06%)
Mutual labels:  stenciljs
bulmil
💄 A agnostic UI components library based on Web Components, made with Bulma & Stencil.
Stars: ✭ 121 (-5.47%)
Mutual labels:  stenciljs
stencil-fetch
Fetch API implementation with Stenciljs
Stars: ✭ 18 (-85.94%)
Mutual labels:  stenciljs
design-system
The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
Stars: ✭ 40 (-68.75%)
Mutual labels:  stenciljs
View All Similar Projects ➔

Discord Components

Fake Discord messages for the web

License Patreon

npm npm

Support Server

Table of Contents

Description

Discord message components to easily build and display fake Discord messages on your webpage.

This is an adaptation of wc-discord-message from Danktuary

Features

  • Design modelled after Discord itself
  • Comfy and compact mode support
  • Dark and light themes support
  • Set the message author's username, avatar (use defaults or provide your own), role color, and "bot" tag status
  • Display fake user, role, and channel mentions
  • Complete embed support
  • Simple syntax!

Demos

Angular

Edit Button

React

Create React App

Edit Button

NextJS

Edit Button

Vue

Edit Button

No Framework

Edit Button

Screenshots

Dark Mode

A normal conversation

Compact mode

With an embed

Light Mode

A normal conversation

Compact mode

With an embed

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Jeroen Claassens
💻 📖 💡 📆
depfu[bot]
🚧
dependabot[bot]
🚧
Noel
💻 🐛 🎨
Snazzah
💻
DarkGuy10
💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].