Buttons

Standard buttons for your UI. Customize with classes like text-white for different styles.

                    
        <button>Primary Button</button>
        <button class="secondary">Secondary Button Button</button> 
                

Typography

Various heading and paragraph elements to style your text.

                    
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <p>Paragraph text</p>
        <small>Small text card secondary</small>
                

Cards

Cards are flexible containers for grouping content. Customize with primary and secondary classes.

                    
        <div class="card primary">Primary Card</div>
        <div class="card secondary">Secondary Card</div>
                

Alerts

Alert messages with different types: success, warning, danger.

                    
        <div class="alert alert-success">Success Alert</div>
        <div class="alert alert-warning">Warning Alert</div>    
        <div class="alert alert-danger">Danger Alert</div>
                

Badges

Badges are used for labeling content or displaying counts.

                    
        <span class="badge badge-primary">Primary Badge</span>
        <span class="badge badge-secondary">Secondary Badge</span>
                

Forms

Standard form elements like inputs, textareas, and buttons.

                    
        <input type="text" placeholder="Default Input">
        <textarea placeholder="Textarea"></textarea>
        <button>Submit</button>
        <button class="secondary">Cancel</button>
                

Modals

Table