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.
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.
You don’t know about CSS? No problem, It’s has a simple visual controls. Yellow Pencil will create CSS styles in background while you playing with colors as the game.
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 Keyframes Generator
Create CSS animation keyframes live with the scenes. Add scenes, styling and save. This amazing? yes right.
Hold blue borders to visual resize any element live, active the ruler for see the element size while resizing.
Drag & Drop
Visual drag and drop any element. The plugin will use CSS position property for drag & drop.
Undo & redo, 600 font families and a ton more features. See what you’re missing!
600+ Font family
300+ Background patterns
3 Color palette
Hover and focus selectors
Undo and redo feature
Clean CSS Output
Color Picker Feature
CSS3 Filter Effects
50+ CSS properties
Drag & Drop feature
Working With All Plugin And Themes
Customize any page.
A must have plugin
Yellow Pencil v5.3.0 Changelog
Version 5.3.0 (19 April 2016)
# New: Resizable Responsive Mode
# New: Support any CSS media queries
# improvements to Background Patterns
# improvements to Custom Selector
# improvements to Ruler And CSS Editor
Demo Yellow Pencil