Download YellowPencil: Visual CSS Style Editor

Download YellowPencil: Visual CSS Style Editor


Version 7.0.5 is out! – 11 February 2018 – View Changelog

YellowPencil 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.

YellowPencil 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

YellowPencil 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
  • Well Documentation

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
  • <lİ>Cursor

  • Float
  • Clear
  • Visibility
  • Pointer Events
  • 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

Community

Join Facebook Community for Discussion, feedback, and help.

created by WaspThemes
last update 2018-02-11T10:11:29+11:00

No Comments

Leave a Reply

Your email address will not be published. Required fields are marked *


Latest Tweets

  • wordpress
    New Video! Learn about Query Loops in #WordPress - Learn what are they used for and how to add them to your website… https://t.co/R4gwHFb85W about an hour ago
  • wordpress
    Reminder! Open to all WordPress users - Help shape the future of the #WordPress "Learn" project! Provide your feedb… https://t.co/IJLMUGMhFp about 10 hours ago
  • wordpress
    The 6.2 Release cycle begins! WordPress 6.2 Beta 1 is ready for download and testing. #WordPress #WordPressRelease https://t.co/eCDnjkwYdx about 23 hours ago
  • wordpress
    When design inspiration strikes—capture it in the Site Editor. Watch how it can all come together. #WordPress… https://t.co/zAlUozBoxE about a day ago
  • wordpress
    Some exciting updates are coming soon to the Openverse site. Get those bookmarks ready! 🔖 Learn more at… https://t.co/ammd9cZRnf about a day ago
  • wordpress
    Live Online Event Feb. 7 --> Learn how to add custom CSS to a block theme while ensuring those styles work correctl… https://t.co/zVL8ty6avH about 3 days ago
  • wordpress
    Live Event on Feb. 6 (APAC) --> Learn how to use the block editor, and blocks, in #WordPress, to create a photograp… https://t.co/zMKzet83LN about 4 days ago
  • wordpress
    Fresh off the press, the January 2023 edition of The Month in WordPress is now available for reading—with open call… https://t.co/rwfA9ihqWx about 5 days ago
  • wordpress
    Patterns can offer quick layout inspiration when you’re trying to make your site look just right—from specialized s… https://t.co/uGaFJB0ILk about 6 days ago
  • wordpress
    Phase 2 of Gutenberg is concluding soon. Tune in to this week's episode of the WordPress Briefing podcast to hear w… https://t.co/oqRgrn71We about 7 days ago
  • wordpress
    Live Event on Feb. 3 (APAC) --> Learn how to create custom templates in the #WordPress Site Editor --> We'll demo c… https://t.co/5k3833xt5i about 7 days ago
  • wordpress
    People of WordPress: Daniel Kossmann https://t.co/6Ciftmt2Pb about 8 days ago
  • wordpress
    Live Event on Feb. 2 --> WordPress Through The Terminal --> Learn about using WP-CLI and all the wonders of working… https://t.co/s2zb2dxz4Z about 8 days ago
  • wordpress
    New Video! 10 Tips for Improving your SEO Rankings for #WordPress --> https://t.co/fyquMP578X #LearnWP about 9 days ago
  • wordpress
    Help shape the future of the #WordPress "Learn" project! The Training Team is currently working toward updating the… https://t.co/vvsADHdCVW about 10 days ago
  • wordpress
    Live Online Event! Learn how to obtain your very own https://t.co/B0aO4F9PVs account so you can navigate the suppor… https://t.co/KyCrYzq1hv about 11 days ago
  • wordpress
    RT @mikelittlezed1: 20 years ago today, I commented on Matt's blog & kicked off the project that became WordPress. Now WordPress powers ove… about 14 days ago
  • wordpress
    Live Online Event! Learn how to create a photography-style website in #WordPress using the block editor. January 31… https://t.co/5VoMKogvMP about 14 days ago
  • wordpress
    Share what you’ve been creating, building, and experimenting with lately using the latest version of WordPress.… https://t.co/VwrWAgItbA about 15 days ago
  • wordpress
    Join a free training for APAC: Increase your confidence and find a topic for speaking at your next #WordPress event… https://t.co/Q37OBaXB14 about 15 days ago