My BD Libraries Account – Access Your Breakdance Templates

Login

Username or email address Required

Password Required

Remember me

Lost your password?

CSS Text Styler

Text Content Font Family Font Size (px) 24 Font Weight Font Style

Color Type:

Text Color

Gradient Color 1 Gradient Color 2 Angle (deg) 90

Text Transform Letter Spacing (px) 0 Line Height (em) 1

Shadow X (px) 0 Shadow Y (px) 0 Blur (px) 0 Shadow Color

-webkit-text-stroke Width (px) 0 -webkit-text-stroke Color Note: -webkit-text-stroke only works on some browsers (e.g. Chrome, Safari).

Hello CSS

Simply copy and paste this into a Breakdance code block (with an ID like button_app)

CSS Button Generator

Button Text Font Family Font Size (px) 16 Font Weight Text Color

Padding X (px) 20 Padding Y (px) 10 Border Radius (px) 6 Border Width (px) 0 Border Style Border Color

Background Type:

Background Color

Gradient Color 1 Gradient Color 2 Angle (deg) 45

Shadow X (px) 0 Shadow Y (px) 0 Blur (px) 0 Spread (px) 0 Shadow Color

CSS Transform Generator

Scale X: 1 Scale Y: 1

Rotate (deg): 0 Perspective (px): 0

Translate X (px): 0 Translate Y (px): 0

Skew X (deg): 0 Skew Y (deg): 0

Box

CSS Cursor Generator

Page Divider (Wave) Generator

Shape Type

Color

Width

Height (px)

Position

Direction

Neumorphism Generator - Custom Shadow Colors

Neumorphism CSS Generator

Base Color:

Shape:

Size: 180px

Radius: 20px

Distance: 10px

Light Shadow Color:

Dark Shadow Color:

CSS Particle Effects Generator

Particle Color:

Number of Particles:

Particle Size (px):

Animation Duration (s):

Effect Type:

Make GIFs from Images (with Extra Animations)

Make GIFs from Images and Icons

Upload Image:

Animation:

Transparent?

Size: 250px

Speed: 10 fps

Total Frames: 15

Zoom: 100%

Filters:

Grayscale Sepia Invert Colors Blur

Google Fonts Previewer

Breakdance (Google) Fonts Previewer

Weight: Italic CAPS

Page 1

Clampster: Dynamic Font Sizing (px)

Font Clamp Generator

Easily create dynamic and flexible font-sizing using clamp() in px.

Minimum Width (px):

Maximum Width (px):

Minimum Font Size (px):

Maximum Font Size (px):

Selector (e.g. .example-class):

Glassmorphism CSS Generator

Glass Color Transparency (0.2)

Blur (10px)

Border Radius (10px)

Border Width (1px) Border Color

Advanced Color Gradient Generator

Color 1

Invert

Color 2

Invert

Color 3

Invert

Gradient Type: Linear Radial Conic

Angle (degrees): 90

Stop 1 (%): 33

Stop 2 (%): 66

Domainr - Domain Availability Checker

Domain Name Availability Checker

Waiting for domain

Accessibility Contrast Checker

Contrast Checker

Select Foreground and Background Colors:

Foreground:

Background:

Checked by official Web Content Accessibility Guidelines.

Filler Text & Image Placeholder Tool

Text Length:

Image Width: Image Height:

Advanced Random Color Generator

Color Palette Generator

Main Color 1

#000000

Main Color 2

#000000

Main Color 3

#000000

Accent Color 1

#FFFFFF

Accent Color 2

#FFFFFF

Color Variation (%) 10%