## Form elements Preview
<table>
   <tr>
      <td width="33.3333%">checkbox-button</td>
      <td width="33.3333%">checkbox-color</td>
      <td width="33.3333%">choose-file</td>
   </tr>
   <tr>
      <td width="33.3333%">
           <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/checkbox-buttons.html"><img src="https://i.ibb.co/N7qSX0g/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
          <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/checkbox-color.html"><img src="https://i.ibb.co/fdzjBzZ/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">  
           <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/choose-file.html"><img src="https://i.ibb.co/H4jGYSv/image.png" alt="image" border="0"></a>
      </td>
   </tr>
 
   <tr>
      <td width="33.3333%">Dropzone</td>
      <td width="33.3333%">email</td>
      <td width="33.3333%">error</td>
   </tr>
   <tr>
      <td width="33.3333%">
          <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/dropzone.html"><img src="https://i.ibb.co/jVv1HZJ/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
         <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/email.html"><img src="https://i.ibb.co/KFpzFfv/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/error.html"><img src="https://i.ibb.co/c6XmpDF/image.png" alt="image" border="0"></a>
      </td>
   </tr>
   
   <tr>
      <td width="33.3333%">filter-range</td>
      <td width="33.3333%">message-textarea</td>
      <td width="33.3333%">radio-button</td>
   </tr>
   <tr>
      <td width="33.3333%">
         <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/filter-range.html"><img src="https://i.ibb.co/8svXC2d/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
         <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/message-textarea.html"><img src="https://i.ibb.co/1Jcx9y0/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/radio-button.html"><img src="https://i.ibb.co/6X8QvTG/image.png" alt="image" border="0"></a>
      </td>
   </tr>
   
   <tr>
      <td width="33.3333%">radio-colored</td>
      <td width="33.3333%">search</td>
      <td width="33.3333%">success</td>
   </tr>
   <tr>
      <td width="33.3333%">
        <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/radio-colored.html"><img src="https://i.ibb.co/n6Lhg5Y/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
          <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/search.html"><img src="https://i.ibb.co/wSnDDhz/image.png" alt="image" border="0"></a>
      </td>
      <td width="33.3333%">
          <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/success.html"><img src="https://i.ibb.co/myCVRPK/image.png" alt="image" border="0"></a>
      </td>
   </tr>
   
   <tr>
      <td width="33.3333%">switch-button</td>
   </tr>
   <tr>
      <td width="33.3333%">
           <a href="https://github.com/Clueless-Community/seamless-ui/blob/main/Form/src/switch-buttons.html"><img src="https://i.ibb.co/yfGmDrD/image.png" alt="image" border="0"></a>
      </td>
      
   </tr>

</table>
