Skip to main content
B340
Brix340 Tools
v1.1
Search tools...
⌘K
Categories
All Tools
▾
Invoice Generator
ROI Calculator
Profit Margin
Meeting Cost
Loan Calculator
Tip Calculator
Name Generator
QR Code
Password
Email Signature
Business Hours
Color Palette
📝
Social Bio
Countdown Timer
Unit Converter
Tax Calculator
Discount Calculator
Date Calculator
Word Counter
Hashtag Generator
Time Zone Converter
Salary Calculator
Receipt Generator
Privacy Policy
Terms & Conditions
Business Card Designer
Meta Tag Generator
Favicon Generator
Sitemap Generator
JSON Formatter
Markdown Editor
Lorem Ipsum
Base64 Tool
CSS Minifier
URL Encoder/Decoder
HTML Minifier
UUID Generator
Regex Tester
Cron Generator
CSV/JSON Converter
Text Diff Tool
Expense Tracker
Image Color Picker
Color Blindness Simulator
Gradient Generator
Box Shadow Generator
Border Radius Generator
Aspect Ratio Calculator
Typography Scale
Font Pairing
Flexbox Generator
CSS Grid Generator
CSS Animation Generator
Text Transform
Shipping Calculator
Clip Path Generator
CSS Filter Generator
Text Shadow Generator
CSS Transform Generator
🪟
Glassmorphism Generator
Neumorphism Generator
Scrollbar Styler
Table Generator
Button Generator
📝
Input Field Generator
Checkbox & Radio Generator
Select/Dropdown Generator
Toggle Switch Generator
🃏
Card Generator
Modal/Dialog Generator
Tooltip Generator
Breadcrumb Generator
Pagination Generator
Progress Bar Generator
Badge Generator
Accordion Generator
Tab Component Generator
Skeleton Loader Generator
Avatar Generator
Stepper Generator
Alert Generator
Navbar Generator
Divider Generator
Spinner Generator
Timeline Generator
📝
List Generator
Sidebar Generator
🦶
Footer Component Generator
Testimonial Generator
Pricing Table Generator
Hero Section Generator
Feature Section Generator
CTA Generator
Stats Generator
FAQ Generator
Contact Form Generator
Team Section Generator
Logo Cloud Generator
Newsletter Generator
Image Gallery Generator
Pricing Card Generator
Social Share Generator
Cookie Consent Generator
Video Embed Generator
Back to Top Generator
Breadcrumb Trail Generator
Loading Overlay Generator
Countdown Section Generator
Scroll Progress Generator
Announcement Bar Generator
Tooltip Content Generator
FAB Generator
Rating Widget Generator
Comment Section Generator
Search Bar Generator
Menu Dropdown Generator
Chip/Tag Generator
File Upload Generator
Slider/Range Generator
Carousel Generator
Notification Toast Generator
Avatar Group Generator
Popover Generator
Tree View Generator
Data Table Generator
Kanban Board Generator
Stepper Wizard Generator
Calendar Generator
Timeline Chart Generator
Gantt Chart Generator
Org Chart Generator
Flowchart Generator
Mind Map Generator
Chart.js Generator
Network Diagram Generator
ER Diagram Generator
Sequence Diagram Generator
Wireframe Generator
Class Diagram Generator
Use Case Diagram Generator
State Machine Generator
Component Diagram Generator
⚡
Activity Diagram Generator
Deployment Diagram Generator
Package Diagram Generator
Object Diagram Generator
Timing Diagram Generator
Communication Diagram Generator
Profile Diagram Generator
🔧
Composite Structure Generator
Interaction Overview Generator
Data Flow Diagram Generator
BPMN Diagram Generator
Architecture Diagram Generator
User Journey Map Generator
🗂️
Sitemap Diagram Generator
Database Schema Generator
API Documentation Generator
Persona Generator
Wireframe Component Library
Design System Generator
Color Contrast Checker
Icon Generator
Responsive Image Generator
CSS Gradient Patterns
SVG Pattern Generator
SVG Path Editor
Image Placeholder Generator
🎛️
CSS Variables Generator
🖇️
Sprite Sheet Generator
🗜️
Image Optimizer
Lazy Load Generator
CSS Easing Generator
Media Query Generator
CSS Keyframes Generator
Flexbox Playground
CSS Grid Playground
CSS Transition Generator
CSS Text Effects
CSS Perspective
CSS Scroll Snap
CSS Counter & List
Aspect Ratio Box
CSS Blend Mode
CSS Writing Mode
CSS Container Query
CSS Logical Properties
🎭
CSS Mask Generator
CSS Scroll Timeline
CSS Subgrid
⚓
CSS Anchor Positioning
CSS Nesting
CSS @layer
CSS :has() Selector
CSS View Transitions
CSS Color Mix
CSS Light-Dark
CSS Relative Color
CSS Trig Functions
CSS Dynamic Viewport Units
CSS Math Functions
CSS Font Palette
⚖️
CSS Text Wrap Balance
CSS Initial Letter
CSS Print Stylesheet
CSS Accent Color
CSS Overscroll Behavior
CSS Touch Action
📝
CSS User Select
CSS Pointer Events
CSS Resize
CSS Caret Color
CSS Scroll Behavior
CSS Letter Spacing
📝
CSS Word Spacing
CSS Text Orientation
CSS White Space
⭾
CSS Tab Size
CSS Hyphens
CSS Line Break
CSS Overflow Wrap
CSS Text Decoration
CSS Underline Offset
CSS Decoration Skip
CSS Word Break
CSS Font Features
CSS Text Emphasis
CSS Font Variant
CSS Text Indent
CSS Quotes
CSS Text Justify
CSS Hanging Punctuation
CSS Font Stretch
CSS Ruby Position
CSS Font Optical Sizing
CSS Line Clamp
CSS Text Spacing
CSS Outline Offset
CSS Scroll Margin
CSS Image Rendering
Quote & Estimate Generator
Appointment Booking Widget
Testimonial Request Generator
Business Email Templates
Survey & Poll Generator
Job Posting Generator
Exit Intent Popup Generator
Notification Banner Generator
Coupon Code Generator
Trust Badge Generator
Product Page Generator
Home
/
🎛️
UI Components
/
Spinner / Loader Generator
Share
Favorite
Spinner / Loader Generator
Design loading spinner animations with CSS
Quick Presets
Default
Minimal
Bold
Dots Loader
Pulse Simple
Bars
Dual Ring
Ripple
Bounce Dots
Wave Bars
Flip Square
Grid
Spinner Type
○
Circle
●●●
Dots
|||
Bars
◉
Pulse
◎
Ring
⊚
Dual Ring
◌
Ripple
□
Square
⬤
Bounce
∿
Wave
◐
Flip
⊞
Grid
Size & Speed
Size: 40px
Speed: 1.0x
Thickness: 4px
Colors
Primary
Secondary
Background
Show Background
Preview
HTML
CSS
React
Tailwind
<div class="spinner"></div>
Copy Code
Download HTML