Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.
Origami Studio – Design, animate, and prototype… All-in-one
A new way to visually layout your Origami prototypes with freeform drawing tools, text editing, and visual components.
Create, mix, and customize illustrations made by artists around the world
Blush, Illustrations for Everyone | Color management tool – Swach | Easings – Generate Cubic Bezier Easing Curves | Box Shadows – Generate CSS Box Shadows | Free Premium WordPress Gutenberg Theme – Blocksy | Top 5 websites of May 2020
Hero Generator! Create a hero header for your site or app
The Hero Generator | A free SVG wave generator | StyleShat – inspect, edit, and save CSS styles | Animated icon pack | Gradient Abstract Textures | Morphing Gooey Text Hover Effect | Creative Hover EffectsÂ
Open source wireframe kit
Open source wireframe kit | Unit Design System | 90+ Store Elements & eCommerce Xd UI Kit | Free device icons | Background Patterns in CSS | Wireframer Font | Web-based free mockup generator – Qurb | StockSolo – download photo
Visual sitemap builder
Octopus.do – a visual sitemap builder | Animated Icons – Lordicon | SlideToSubscribe – a simple, but powerful signup form | Unminus – Free Premium Music for Your Projects | BEM Naming Cheat Sheet | Duo – Collection of colour combinations | CSS Grab n’ go Editor
Animated CSS Background Generator
Animated CSS Background Generator | Illustrations of Black People | Free Artistic Illustrations for Designers | Free Template for PowerPoint, Keynote, Google Slide | Dark HTML landing page template | SnapFont – Test Google/Local fonts on website | Color gradient generator | QritiQ – a community for designers to share and learn | Snap to 8pt Grid – a Sketch plugin | WebGL experiment by Akaru Studio
Web Design Trends #49
WebSite Inspiration – We Area Zizo | Animockup – create animated mockups | Pixel Lite – Free Bootstrap 4 UI KIT | Droplet Loader | Exciting Multi-line Highlights | Basic Neumorphic Element | Styling Scrollbars with CSS | Animated Custom Cursor Effects | Ideas for Distorted Link Effects on Menus
Web Design Trends #47
Organize SVG icons | Open Peeps – a hand-drawn illustration library | WebGradients – free collection of linear gradient | LottieFiles – free animation files | LayoutIt – CSS Grid Generator | DraftXR | FluidType Content | Paged.js – create PDF output from any HTML content | Revealing Hero Effect | Buttono – create nice buttons in an easy way