Yellow Pencil: Visual CSS Style Editor

What is this?

Yellow Pencil is advanced visual CSS style editor WordPress plugin that you can customize your website in real-time with a few clicks. Yellow Pencil works with any theme and plugin. Its will Keep your site design in your control with 100% front-end Style Editor. Yellow Pencil created for beginners and advanced users.

Inspector

Yellow Pencil has a smart and powerful selector system; Creating CSS selectors and CSS styles as a professional web designer. Just click on an element and its will create the best selector to use to target that element also you can select any element with your own custom CSS selector.

Visual Editor

You don’t know about CSS? No problem, It’s has simple visual controls. Yellow Pencil will create CSS styles in the background while you playing with colors as the game.

CSS Editor

There is a powerful CSS editor for advanced users, Write CSS in real-time preview. Yes! Advanced users will fall in love with auto-completion feature and full-screen setting.

CSS Animation Generator

Create live CSS animations with the scenes. Add scenes, styling and save. This amazing? yes right.

Animation Manager

Manage all created animations with visual animation manager tool.

Live Resize

Hold blue borders to visual resize any element live.

Drag & Drop

Visual drag and drop any element. The plugin will use CSS position property for drag & drop.

Key Features

• 600+ Font families
• 300+ Background patterns
• Trend color palettes
• Measuring tool
• Animation generator
• Animation manager
• Responsive support
• Hover & Focus selectors
• Selector search tool
• Drag & Drop feature
• Wireframe mode
• 50+ Animations
• Smart guides
• Design information
• Color picker
• CSS3 filter effects
• 50+ CSS properties
• Support custom selectors
• Live Resizer
• Live CSS Editor
• CSS Manager
• Undo & Redo feature
• Clean CSS output
• Customize any page
• Automatic Update
• Shortcuts
• Well Documentation

See what you’re missing! try it now on plugin website.