5.11.0 • Published 25 days ago

@stream-io/stream-chat-css v5.11.0

Weekly downloads
-
License
MIT
Repository
github
Last release
25 days ago

Stream Chat CSS

📝 Overview

Stream Chat CSS provides a comprehensive set of styles that power the UI components in Stream's Chat SDKs. This package is designed to make implementing beautiful, responsive chat interfaces straightforward and consistent.

  • 🎨 Complete Styling - All the CSS you need to build full-featured chat applications
  • 🧩 Component-Based - Organized by UI component for easy customization
  • 🌈 Themeable - Extensive design system with customizable variables
  • 🌐 Cross-Browser Support - Works across all modern browsers and devices
  • 🧿 Accessibility - Built with a11y best practices

🚀 Installation

# With npm
npm install --save @stream-io/stream-chat-css

# With yarn
yarn add @stream-io/stream-chat-css

# With pnpm
pnpm add @stream-io/stream-chat-css

💻 Usage

This package comes as a dependency of stream-chat-react and doesn't require explicit installation if you're already using the React component library.

Adding the styles to your app

Simply import the bundled CSS into your application:

import '@stream-io/stream-chat-css/dist/css/index.css';

Custom Theming

Stream Chat CSS supports customization through CSS variables. You can override the default theme by setting your own values for the CSS variables.

:root {
  --str-chat__primary-color: #00b7ff;
  --str-chat__secondary-color: #1a1a1a;
  /* More customizations here */
}

🔍 Why Choose Stream?

Stream powers chat and activity feeds for over 1 billion end users. Our robust, scalable platform helps you build:

  • In-app Messaging - Group chats, direct messaging, channels
  • Team Collaboration - Slack-like workspaces and threaded conversations
  • Live Streaming - Interactive live streams with chat
  • Virtual Events - Engaging event platforms with rich chat features
  • Gaming Communities - Community building with real-time chat
  • Support Channels - Customer support with integrated chat

✨ Try Stream for Free

Ready to add chat to your application? Sign up for a free Stream account and start building today!

  • Free tier for smaller applications and testing
  • Comprehensive documentation and tutorials
  • Enterprise-grade security and compliance
  • Dedicated support for paid plans

🔗 Check out our interactive demos →

👩‍💻 We're Hiring!

We've raised $38 million in Series B funding and are actively expanding our team of talented engineers.

Join us in building communication APIs used by over a billion end-users. You'll have the opportunity to make a significant impact on our products alongside some of the best engineers from around the world.

View Open Positions →

🔣 Icons - for Stream Developers

  • The icons for UI components can be exported from Figma
  • Icons are used as fonts, the font files are located in src/assets/icons
  • If you need to change icons you have to regenerate the icon fonts:
  1. Go to https://fontello.com/
  2. Upload the svg font from src/assets/icons
  3. Edit the font
  4. Set the font name to stream-chat-icons and the CSS prefix to str-chat__icon--
  5. Download the font, and copy the content of the font folder to src/assets/icons, and copy the mapping from css/stream-chat-icons.css to src/v2/Icon/Icon-layout.scss

📄 License

MIT © Stream.io Inc.

5.11.0

25 days ago

5.8.1

2 months ago

5.8.0

3 months ago

5.9.3

1 month ago

5.9.2

2 months ago

5.9.1

2 months ago

5.9.0

2 months ago

5.10.0

26 days ago

5.7.2

4 months ago

5.3.0

8 months ago

5.4.0

8 months ago

5.5.0

7 months ago

5.6.1

6 months ago

5.6.0

7 months ago

5.7.1

5 months ago

5.7.0

5 months ago

5.2.0

8 months ago

5.0.2

9 months ago

5.1.1

9 months ago

5.1.0

9 months ago

4.18.0

10 months ago

5.0.0-rc.1

1 year ago

5.0.0-rc.2

12 months ago

5.0.0-rc.3

10 months ago

5.0.0-rc.4

10 months ago

5.0.0-rc.5

10 months ago

5.0.0-rc.6

10 months ago

4.17.2

1 year ago

4.17.3

1 year ago

4.17.4

12 months ago

4.17.5

10 months ago

5.0.1

10 months ago

5.0.0

10 months ago

4.17.0

1 year ago

4.17.1

1 year ago

4.19.0

10 months ago

4.16.0

1 year ago

4.16.1

1 year ago

4.15.0

1 year ago

4.14.0

1 year ago

4.13.0

1 year ago

4.12.0

1 year ago

4.12.1

1 year ago

4.11.0

1 year ago

4.10.2

1 year ago

4.10.1

1 year ago

4.10.0

1 year ago

4.9.2

1 year ago

4.9.1

1 year ago

4.9.0

1 year ago

4.8.0

1 year ago

4.7.4

1 year ago

4.7.3

1 year ago

4.7.2

1 year ago

4.7.1

1 year ago

4.7.0

1 year ago

4.6.3

1 year ago

4.6.2

1 year ago

4.6.1

1 year ago

4.6.0

1 year ago

4.5.0

1 year ago

4.4.0

1 year ago

4.3.0

1 year ago

4.2.0

2 years ago

3.16.0

2 years ago

3.15.0

2 years ago

3.10.3

2 years ago

3.12.0

2 years ago

3.10.2

2 years ago

4.0.0-rc.1

2 years ago

4.0.0-rc.3

2 years ago

4.0.0-rc.2

2 years ago

4.0.1

2 years ago

4.0.0-rc.5

2 years ago

4.0.0

2 years ago

4.0.0-rc.4

2 years ago

3.14.1

2 years ago

3.14.0

2 years ago

3.14.2

2 years ago

3.11.0

2 years ago

3.13.0

2 years ago

4.1.0

2 years ago

3.10.1

2 years ago

3.10.0

2 years ago

3.9.2

2 years ago

3.9.1

2 years ago

3.9.0

2 years ago

3.7.2

3 years ago

3.8.0

2 years ago

3.7.1

3 years ago

3.5.4

3 years ago

3.6.0

3 years ago

3.1.2

3 years ago

3.5.3

3 years ago

3.7.0

3 years ago

3.0.0-theming2.7

3 years ago

3.0.0-theming2.6

3 years ago

3.0.0-theming2.9

3 years ago

3.0.0-theming2.8

3 years ago

2.11.0

3 years ago

3.4.0

3 years ago

3.3.0

3 years ago

3.2.0

3 years ago

3.1.1

3 years ago

3.1.0

3 years ago

3.5.2

3 years ago

3.5.1

3 years ago

3.0.0

3 years ago

3.0.0-theming2.5

3 years ago

3.0.0-theming2.4

3 years ago

3.0.0-theming2.3

3 years ago

3.0.0-theming2.2

3 years ago

3.0.0-theming2.1

3 years ago

2.10.1

3 years ago

2.10.0

3 years ago

2.10.0-alpha.0

3 years ago

2.9.0

3 years ago

2.8.1

3 years ago

2.7.0

3 years ago

2.8.0

3 years ago

2.5.0

3 years ago

2.4.0

3 years ago

2.6.0

3 years ago

2.3.0

3 years ago

2.2.1

3 years ago

2.2.0

3 years ago

2.3.2

3 years ago

2.3.1

3 years ago

2.1.0

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.26

4 years ago

1.0.25

4 years ago

1.0.24

4 years ago