Description

Yellow Pencil Visual CSS Style Editor

Yellow Pencil is a WordPress CSS style editor plugin which allow you edit the website design in real-time.
The plugin lets you customize any theme. Click on an element and start visual customization. Adjust colors, fonts, sizes, positions and a lot more. Take control of your website with more than 50 styles properties.

Yellow Pencil provides everything that you need for customizing your site design. The plugin comes with advanced features like visual resizing, drag & drop, measuring tool as well as a ton resources that background patterns, sweet fonts, and trend color palettes also it has an advanced responsive tool which allows you customize your site for any screen size.

Visual Animation Generator

Add animations to your website. Use 50 ready-to-use animations or create new animations with Animation Generator Tool which recording your moves as an animation.

Live CSS Editor

Yellow Pencil developed for both beginners and advanced users. No programming knowledge required but there is still a good CSS Editor for those who would like to coding! You can code with live CSS editor and interfere generated CSS rules.

How does this work?

The plugin creates CSS style codes like a professional web developer in the back while you are playing with colors. Personalize your website design, leave a different impression on the visitors!

Key Features

Customize any page, any element
Auto CSS Selectors
50+ CSS properties
Visual Drag & Drop
Visual Margin & Padding Editing
Live Element Resizing
Manage the changes
Live Preview
Undo / Redo
Export stylesheet file
Export / Import
Automatic Update
Shortcuts

CSS Properties: Text

Font Family
Font Weight
Color
Text Shadow
Font Size
Line Height
Font Style
Text Align
Text Transform
Letter Spacing
Word Spacing
Text Decoration
Text Indent
Word Wrap

CSS Properties: Background

Parallax Background
Background Color
Background Image
Background Blend Mode
Background Position
Background Size
Background Repeat
Background Attachment

Other CSS Properties

Margin
Padding
Border
Border Radius
Position
Width
Height
Animation
Lists
Box Shadow
Filter
Transform
Opacity
Display
Float
Clear
Visibility
Overflow

Design Tools

Element Inspector
Single Element Inspector
Live CSS Editor
Responsive Tool
Element Search Tool
Measuring Tool
Wireframe View
Element Box Model
Gradient Generator
Visual Animation Manager
Visual Animation Generator

Design Assets

800+ Font families
300+ Background patterns
Trend color palettes
50+ Animations