Page Title

Elements

Buttons


              <button class="soft-ui-btn">
       
         Button
         
       </button>

Cards

Text to read


              <div class="soft-ui-card"> 
       
       <img src="https://cdn.pixabay.com/photo/2018/10/05/10/56/landscape-3725657_1280.jpg"/>
       
        <p class="soft-ui-text">
        
         Text to read 
         
         </p> 
         
         <div class="soft-ui-btn-group">
         
           <button class="soft-ui-btn">
            Button 
           </button>
          
           <button class="soft-ui-btn">
            Button 
           </button>
           
           <button class="soft-ui-btn">
            Button 
           </button> 
           
          </div>
      
       </div>

Not ready yet

Inputs


               <input class="soft-ui-input"/>

Checkboxes


          <input class="soft-ui-checkbox" type="checkbox"/>

Radio


          <input name="soft-ui" class="soft-ui-radio" type="radio"/>

Not ready yet

Range


                     <input class="soft-ui-range" type="range" value="0" min="0" max="100"/>

Soft UI Elements ☁️🌥️⛅🌤️🌞