A Modern UI Collection for Web Developers

Components

All components in Atomic require the class atomic to be added to the HTML Element you want to apply the awesomeness to.

Buttons

If you have a screen, you need buttons. With Atomic's simple markup, you can transform any HTML button into a great Atomic Button in seconds. Complete with hover and click animations by just adding class="atomic button" to your HTML element and optionally, a class for the button state.

See the example below:


						
						
						
					

Text Inputs

Atomic Text Inputs with Validation for Incomplete fields or invalid emails


						
								
								
								

Toggle Switches

Atomic Switches


									
									
								

Checkbox

Atomic Checkboxes


									

									

									
								

Radio Buttons

Atomic Radio Buttons


								
								
								

								
Icon made by Freepik from www.flaticon.com is licensed under CC BY 3.0