![]() ![]()
You can search by keyword and “save” icons to your favorites for later use (no login required). PARTICLE PLAYGROUND GRID RANDOM SIZE LICENSEIt’s a repository of more than 300,000 free, optimized, SVG-based graphics and icons most of which are licensed for commercial use.Įach icon you select tells you what type of license it falls under. SVG Repo makes the list based on sheer numbers alone. The docs include a bunch of examples that use JavaScript, if you want to see what’s possible with the web-based front-end tools. PARTICLE PLAYGROUND GRID RANDOM SIZE ANDROIDIt includes a JavaScript library as well as an SDK for displaying maps inside of iOS and Android apps. ![]() This open-source mapping library launched in March and has grown in popularity throughout the year. PARTICLE PLAYGROUND GRID RANDOM SIZE FREEIt includes two free “blocks” for each of the 15 categories, so there’s a decent amount of free stuff here and you can unlock the rest for a monthly fee. This front-end tool a drag-and-drop page builder for projects using Tailwind CSS. Here’s the first Tailwind-based tool to make the list something that’s been a trend the past few years as Tailwind continues to grow in popularity. Like many icon websites, you can search by keyword or filter by category, one of which is a “brand” category with icons for Twitter, Facebook, Vimeo, YouTube, Snapchat, etc. This one includes optimized SVG icons, many of which have a built-in animated effect when you hover over the icon (like the open/close envelope icon). Icon sets are always popular and I come across at least a dozen new ones every year. This is definitely one of the more comprehensive all-in-one solutions I’ve seen, so I’m sure you’ll find a few useful front-end tools here you can come back to. minifiers), color tools, social media tools, and a few others under a miscellaneous category. It includes text tools, image tools, CSS tools, coding tools (e.g. 10015 Tools is a collection of front-end tools rather than one single tool. I seem to find a handful of these types of front-end tools every year. ![]() PARTICLE PLAYGROUND GRID RANDOM SIZE SERIESYou can see some live examples of the animated charts or data stories, which include a data story showing which guest character had the most lines throughout the run of the TV series Friends. This library allows you to easily build static data charts, animated charts, and data stories. Maybe this is popular due the apparent need for creating and embedding medical data nowadays. Vizzu an open-source JavaScript library for creating animated data stories and visualizations. This is a unique one that made this year’s list of front-end tools. The live demo gives you an idea of what it looks like (responsive and all) and it includes a color picker component so you can live-test your own preferred primary color for the template. If you’re looking for an easy way to put together your own developer portfolio, Dopefolio is a quick solution that’s optimized for SEO and has strong Lighthouse scores out-of-the-box. ![]() It’s currently listed as being in Alpha stage of development, so this is another one worth keeping tabs on in the coming year. NextUIĪ modern React library that uses Stitches, a popular CSS-in-JS solution, and includes light and dark UI components out-of-the-box along with a default color palette that might be good for quickly building landing pages or other content that’s not initially tied to any branding. This is definitely one front-end tool to keep an eye on and maybe even a good one to contribute to if you want to help build the library of tokens available. Or you can just use the main Open Props file to grab everything at once. These allow you to drop in small collections of useful groups of custom properties, like animations.css, borders.css, fonts.css, zindex.css, etc, with more coming soon. I can see this sort of thing being much more common due to the use of this particular CSS feature. Open Props provides a set of hand-crafted design tokens made up of CSS custom properties. What were your favorite front-end tools of 2021?.And since many of the tools that make my year-end lists are pretty new, I think this is a good indicator of the kinds of front-end tools that will be popular in the coming year.Ĭounting down from the top! Table of contents Some of these front-end tools are super-practical, while others probably only made this list due to curiosity (which I base on the number of unique clicks). I’m sure there are at least one or two listed here that you can start using in your front-end projects today. So, to kick off 2022, I’ve compiled a list of the 60 most popular tools. I’ll also change the color a little bit since the page background is white.Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during 2021. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |