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.


Latest Tweets

  • wordpress
    A well-styled border can completely transform your content. Find out which blocks have border support, and which wi… https://t.co/yezV3LQmiq about 12 hours ago
  • wordpress
    Build a site with #WordPress and watch your online journey take root. 🌱 Share your story with the WordPress commun… https://t.co/e3TsM5c45O about a day ago
  • wordpress
    WordPress 6.1 Release Candidate 3 (RC3) Now Available You can download and help test RC3 in three ways. It’s just o… https://t.co/qZs9ShTATG about 2 days ago
  • wordpress
    Part 2: Learn how to recreate block designs in #WordPress during this live, online, and interactive event on Octobe… https://t.co/qIPOyCeTLr about 4 days ago
  • wordpress
    Missed the live workshop? Tune in to Creating Welcoming & Diverse Spaces for Organizers workshop on #LearnWP on dem… https://t.co/fKe6d5qWy8 about 4 days ago
  • wordpress
    Try out more layout configurations with consistent design tools across container blocks. Find out which blocks have… https://t.co/NwG9WJpjlw about 6 days ago
  • wordpress
    Have you contributed to a WordPress event globally, or even attended one for the first time? #WCAsia wants to hear… https://t.co/DX6rURRBKH about 6 days ago
  • wordpress
    Mark your calendars. 📅 The Documentation Team is hosting its first standalone Contributor Day on October 25! If y… https://t.co/lx1HdSwjSm about 6 days ago
  • wordpress
    Last month, Openverse celebrated hitting over 800,000 audio files indexed. But there’s more. Audio support is now o… https://t.co/woctFrPg08 about 8 days ago
  • wordpress
    City or countryside? Whatever your vibe is, enjoy these beautiful spots in India through the lenses of contributors… https://t.co/qUHW81SXzz about 8 days ago
  • wordpress
    WordPress 6.1 Release Candidate 2 (RC2) is Now Available for testing! Keep #WordPress bug free when you help with t… https://t.co/IpR6q4zZ1u about 9 days ago
  • wordpress
    Explore more color tools for unifying your brand’s look across your site. Find out which blocks have color support,… https://t.co/QJLkRMASz2 about 9 days ago
  • wordpress
    Let's celebrate 🎉 This major milestone of #100MillionDownloads belongs to the entire #WordPress community. Thank… https://t.co/yvyNhZuvh2 about 9 days ago
  • wordpress
    WordPress 6.0.3 Security Release https://t.co/9KnX9ZMcGq about 10 days ago
  • wordpress
    WordPress 6.1 is coming soon! Catch a sneak peek into the release on this week's episode of the #WPBriefing!… https://t.co/NPo8KOuwnO about 10 days ago
  • wordpress
    New to managing blocks in #WordPress? Check out this video on "Using Block Attributes to Enable User Editing" for d… https://t.co/8ipn78K1Rd about 13 days ago
  • wordpress
    The next release comes with many accessibility improvements and fixes across the platform. Get more details on what… https://t.co/xs9dbt6x9Y about 13 days ago
  • wordpress
    The September 2022 edition of The Month in WordPress is now available. Learn about: ‣ What's coming in WordPress 6… https://t.co/FEcQ2o608F about 13 days ago
  • wordpress
    オンラインイベントのお知らせです!行・縦積みブロックを使って #WordPress でレスポンシブデザインを体験。日本時間 10月21日15時 (https://t.co/OFiBnaemUy) 10月22日10時 (… https://t.co/gjdi9urYSU about 14 days ago
  • wordpress
    Fine-tune your blocks’ layouts with more design tools in 6.1. Find out which blocks have available support for dime… https://t.co/MInrjonQtM about 14 days ago