Here is a list of new web tools and design elements that can improve an ecommerce site. There are page builders, design collaboration tools, gradient generators, video apps, coding tools, fonts, and more. All are free, although some also offer premium versions.
Free design tools
Codewell is a site to practice your HTML and CSS coding skills. Get new models every week. Go to the Slack channel to discuss solutions with other developers.
Haikei is a web application for generating unique SVG shapes, backgrounds, and patterns. Start with SVG generators. Choose between stacked or layered waves, steps, peaks, drops, symbols, grids, gradients, and more.
MeisterNote is a convenient and intuitive app that helps teams write and organize information collaboratively. Create workspaces for your notes, share them with your team, and create content together using blocks in over 15 styles.
Wickedbackgrounds is a tool for creating background waves. Select the number of waves you want, the angle of the waves and the color. Choose between gradients and color rotation.
Loom is a video messaging tool. Use the new SDK to add video messaging to your app or website. With just a few lines of code, integrate a video or VCR.
Line icons is a collection of 5,000 icons for modern user interfaces for web, mobile, and desktop applications. Change the size, color and variations to suit your needs, then download in scalable SVG format.
Mega creator is an all-in-one graphics editor for easily designing professional looking elements. Create your own clipart using icons, illustrations, photos and artificial intelligence generated faces and backgrounds. Create from scratch or choose from many social media templates for Facebook, Instagram, Twitter, YouTube, and Pinterest.
Gradient.art is a free CSS editor for designing templates. Layer gradients for complex designs. Save projects to the cloud and use a public URL to share designs to view and edit.
Backlight is a platform for easily building websites using visually accessible design starter kits and component libraries. Keep a preview of the design next to the components. Use a built-in tester and protractor for effortless checks and contributions. Share real-time previews of the component you are working on.
Style is a free Bootstrap 4 HTML template with a clean, minimal and professional design. It comes with a portfolio, video integration, slider, accordion, and other useful web elements.
Menu is a tool for creating simple and responsive one-page sites. Start with one of dozens of templates or a blank canvas. Add contact, registration, personalized and payment forms. Publish sites to your custom domains with full SSL support.
Mobile pallet generator is a simple and useful tool for generating color palettes for your mobile or web application. Select a base color, use the sliders to customize, and copy the generated colors to the clipboard.
Basic colors is an open source color system for designing beautiful and accessible websites and apps. It includes 28 color scales with 12 steps on each scale. Each has a corresponding transparent variant, which is handy for UI components to blend into colorful backgrounds.
Noloco is a codeless portal builder for clients or teams around existing workflows. Collect all the information you need through your portal with custom forms or integrate it with any third party service through APIs.
mmm is an easy-to-use, drag-and-drop website builder for quickly building cool, funky, and messy personal sites. Get a personalized URL to share on social media and other channels.
Basilion is an all-caps display font that’s bold, stylish, and user-friendly.
Southern city is a simple and fluid single-line script font. It’s a fun and energetic script font that’s friendly and not overly fancy.
Peach pink is another fine and nifty all-caps display font.
Free fun font is a fun and eclectic display font with some personality.
Hanker is a free handmade typeface with upper and lower case characters and a unique and authentic hand-brushed texture.