Wire B v3.0.0

Wire B is an Alpine JS / Bootstrap Chat HTML Template that has been handcrafted with care and patience. It provides a ready UI to start building your application effortlessly, as well as a set of additional elements that will help you create new pages for your specific needs. Everything you need to start is there. Wire B ships into a complete Chat UI to build your application.

Alpine JS

Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going. There is no better way to get a feel for what Alpine is and what it can do than using it.

Bootstrap 5.x

Wire B is built with Bootstrap 5.x. It includes the library without too much relying over it for the layout. That gives you a lot of freedom to edit the template and include your own bootstrap based components.

Astro Powered

Wire A is powered by Astro. Astro is an all-in-one web framework for building fast, content-focused websites. This includes most marketing sites, publishing sites, documentation sites, blogs, portfolios, and some ecommerce sites. Astro features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.

Theming capabilities

Wire B styles are written in SCSS and outputed into a single minified css core file (actually two if you take the RTL stylesheet into account). You can easily use the existing color palette or create a new theme from scratch, leveraging the existing CSS variables. You can also ake use ot the existing SCSS code to write your own components by starting from an exisiting one.

Modular structure

Wire B source files structure follows a modular pattern. HTML, CSS and Javascript are sliced into smaller and easy to reuse / maintain chunks of code. You can customize almost any variable provided either by CSS or JS to build your own theme, following your branding and technical requirements. Take some time to study the template structure by reading the documentation.

Well documented

Wire B is a thoroughly documented template which covers everything from getting started to having all of the project setup and ready to go. Make sure to read the entire documentation and to follow all the steps to setup the template properly. Check out the template documentation for more details about installation and usage.

Responsive design

Wire B is built with Bootstrap CSS, wich is natively fit for mobile and tablets, as a mobile first CSS framework. Wire B is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.

Template features

• Astro v1.x
• Alpine.js v3.x
• Bootstrap v5.x
• Hot reloading
• Production build
• Graphic assets

NOTE: Please note that photos might not included in the main download files. Included images require proper licensing from you to be able to use them in production.

Images

• Unsplash
• Pexels

Illustrations

• Freepik