JS Days 2025 is now live – Join 5,000+ devs for the premier virtual JavaScript event. Register Now

Sencha Stencils 3.0 is Now Available

July 6, 2017 1069 Views
Show

Sencha Stencils

We’re excited to announce our latest release of Sencha Stencils (formerly known as Ext JS Stencils), a complete UI asset kit for designers. In this release, we have included components using the popular Material theme that’s featured in the Ext JS Modern toolkit as well as in ExtReact. Stencils has also been updated to include new components such as Calendar and Date Panel. This release contains files for Illustrator, Sketch, Balsamiq, and SVG/PNG that you can use in the design program of your choice.

Download Stencils 3.0 for free

Upcoming Webinar

Register Now

Wireframing and Theming Made Easy with Stencils and Themer
Date: Wednesday, July 12, 2017
Time: 10am PDT | 1pm EDT | 6pm BST

What’s New

Material Theme Support

One of the most exciting updates is support for the Material theme. You can now easily create Material Design inspired mockups for your web applications. With the release of Ext JS 6.5 and ExtReact, developers can build modern web applications with Sencha’s powerful set of components, all using the Material theme. And, Stencils 3.0 contains all of these components, so you can work alongside developers using pixel-perfect visual assets in your designs.

Sencha Stencils 3.0 - Material Theme Support

New Components

Ext JS 6.5 includes many enhancements to the Modern toolkit. This update brought a lot of the components that you loved from the Classic toolkit into the Modern toolkit, as well as a few new ones. In Stencils 3.0, you’ll find new components such as: Calendar, Date Picker, Chart Navigator, and more.

Sencha Stencils 3.0 - New Component Support

Using Stencils with Sencha Themer

Designers and developers, who want to plan theme colors before any coding happens, have always been able to use Stencils to experiment with color combinations. Now in the most recent version of Themer, you can easily import the color data from the Stencils file. Vector editing programs like Adobe Illustrator and Sketch allow you to select shapes and export hex color values in CSS or other text formats. Once you export these files, you can then import them into Themer to populate the color picker.

Sencha Stencils 3.0 - Using it with Sencha Themer

Next Steps

Stencils 3.0 is packed with amazing new components and features. Add Stencils to your development workflow and make it easier than ever to build stunning web apps. Download Stencils for free and share your feedback in the Stencils forum.

Recommended Articles

Guide to Estimating ROI When Switching From DIY Libraries to Full Software Development Platforms Like Ext JS

Teams started with Do It Yourself, or DIY, JavaScript tools like jQuery and Bootstrap. But those fall apart as projects scale. Scattered code, user interface…

Top Frameworks Developers Are Using for Custom Software Development in 2025

We’re seeing it more every year; teams aren’t settling for plug-and-play tools anymore. In healthcare, finance, logistics, and other data-heavy industries, there’s a clear shift.…

Meet Sencha AI Coding Companion: Your AI-Powered Assistant for Faster Ext JS Development

Building modern web applications should be exciting. But too often, developers find themselves buried in documentation, endlessly Googling framework quirks, or stuck solving the same…

Ext JS 7.9 & Rapid Ext JS V1.1 Have Arrived

The Sencha team is excited to announce the latest Ext JS version 7.9 and Rapid Ext JS 1.1 release – designed to accelerate development, enhance…

Top 10 JS Grid Customization Tips for a Better UI Experience

Grids are pretty much everywhere in web apps. Working with financial sheets, product details, or users? Then you’ve probably used a JavaScript grid. It makes…

Why Ext JS Framework is the Go-To Framework for Building Scalable and Data-Intensive Web Apps

Web apps are much more advanced now. They deal with large amounts of data and need to stay fast, even with many users. If you’re…

View More

Trusted by Top Developers: Learn how to enhance your development journey — for free

Get the latest newsletter keeping thousands of developers in the loop.

Loved by developers at