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. You 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.
0 Comments
Leave a Reply. |