This is a set of seven SVG illustrations animated via CSS with a slight help of JS. It mainly implements CSS keyframes compiled through Sass, and uses JS for centering to the origin the elements within each illustration that are being animated. Created by CodePen user Stefan (EntropyReversed)
A UI builder for React web apps that work like a Sketch or Figma style design tool, but emits good quality JSX code. It allows you to draw your components and use them like components coded manually, Also, if you have already your assets on Sketch or Figma, just import them into Pagedraw. It doesn't use JS based layout engines or any other extra dependencies, meaning that it merges seamlessly with the React codebase while keeping it light and fast for your site. Developed and shared at GitHub by Pagedraw's team, released under MIT license.
A hand-picked typeface collection to use in mobile and desktop web projects. It contains tweaked fonts specs for better performance and accessibility. It also has been optimized for better web legibility and ready to implement into your Figma project as global styles. Created and published at Freegma by Roman Kamushken.
Voyager is an all-caps vintage inspired serif typeface. It has multilingual support and comes in three styles, regular, aged, and outline in OTF file format. It is best used for branding, print design, title headings and so much more! Designed and shared at Behance by Ochaya Designs, free for personal use only.
800+ Premium Vector Designs Pack, Only $19: Characters, Posters, Decorations, Infographics & More, Flat, Retro, Cartoon Styles, Unlimited Commercial Use
This is a cookie policy consent toggle switch created with JS and SCSS. It uses SVG graphics to give form to the cookie icon that with the help of Tweenmax JS showcases a neat broken cookie transition. Created by CodePen user Darin (dsenneff).
An elegant, clean and responsive WordPress theme with a pleasing design and a minimal color combination. It works for different kind of websites like blog, fashion, lifestyle, food, travel, photography, portfolio, and technology. It also includes a built-in one-click demo importer option to help you get started quickly. Created by Precise Themes.
A one-page resume template with a creative and modern design for Bootstrap. This personal website contains sections like header with social elements, central about me, skills grid, achievements line-time and a footer also with social elements. This project was developed by GitHub user Iskender Piyale-Sheard (izzydoesizzy), released under the Creative Commons 4.0 license.
Chroma is a small JavaScript library for manipulating colors. It changes and defines color scales and makes them delightful, just define two colors, and Chroma will find the most pleasant path between them. Basically, Chroma read colors, analyze and convert them from a wide range of formats by making use of linear and bezier interpolation in different color spaces. Written and shared via GitHub by Gregor Aisch, released under BSD license. Versions prior to 0.4 were released under GPL.
Lifetime Social Media Planner, Scheduler & Content Curation Engine: Find, Plan & Post The Best Niche-Specific Content For Your Audience, Only $39
This is a set of 4 creative photo effects for Photoshop. It includes effects like light rays, sneak peak, outdoor botanical and psychedelic, all organized in named folders that can be easily selected to see which one suits your image the best. There's also a black and white option on top of the effects, in case you want to switch to B&W effect. Shared at GraphicsFuel.
A beautiful script font inspired by bold and colorful hand lettering style. This typeface has a standart multilingual support and it's great for logotype, branding, logo design, digital lettering and any cheerfull and colorfull design needs. Designed and published at Behance by Yudha Ageng from YdhraStudio, and Graphic Design Freebies, free for personal use only.
A nice set of screens and UI elements with a design focused on data interpretation. This Sketch resource has a gradient material design with a clean light skin and contains all sort of data management graphics like pie, bars, and linear charts, calendar, tables and more! This stats UI kit was designed by Gustavo Alves.
This is an arrangement of boxes that on hover resize to take more space within its container. The hover properties and the width on the boxes are achieve through pure CSS but it also makes use of Sass variables only for setting colors and font sizes. This expanding grid was created by CodePen user Joel Duke.
Lifetime Cross Browser Testing Tool, Unlimited Usage: Live Testing & Debugging, Full Page Screenshot, Browser Compare, Regression Tests, Responsive Desktop & Mobile Tests, Selenium Integration & More
A personal blog theme for WordPress with a unique boxed style and social links to the left in a colorful sidebar that will make your website stand out. It includes a featured posts slider, a day and night mode switch and a set of three different blog layouts: standard, grid and list, optimized for all devices. You can set the theme to any width, accent color and adapt it to your needs. Created and Shared by Alexander Agnarson from alxmedia.
This is a set of animated burger-menu components available as plain HTML/CSS or as React components. You can change the properties of the burger by overriding a class or adding a class. Created and shared at GitHub by Roman (march08), licensed under the MIT license.
This is a set of UI elements for a shopping app created with a clean and simple design. The Sketch file contains five screens with home, item detail, cart, search and checkout, with a great and organized set of symbols which were used to build the screens. The overall design is emphasized to showcase the newest products at the top fo the screen. Created by Behance user Mateusz Jurkiewicz.
This is a React component that enables vertical drag-and-drop capabilities for your lists and tables even on mobile devices with no wrapping divs or additional markup needed. It also features autoscrolling when dragging and full control over the dragged item, as it's a portaled React component with no dependencies and weighting less than 4kB (gzipped). Developed by GitHub user Vojtech Miksu (tajo), released under the MIT license.
Lifetime Access: Social Media Management Tool. Feature Rich Platform With Unlimited Social Media Profiles & Projects At No Extra Cost. Pay Once, Use Forever!
Unicons is a massive set of over 1000 multipurpose vector icons and iconfont. All the icons are pixel-perfect and among its categories you will find Arrows, Business, Chat, Cloud And Web, Communication, Construction, Devices, Education, Emoji, Medical, Multimedia, Sign And Symbol, User Interface, and many more! Designed and shared at GitHub by Iconscout, licensed under the Apache License 2.0.
This is a note-taking app based on GitHub-flavored Markdown, with a simple interface and no proprietary formats, just plain Markdown. Notable allows you to run a search and replace across all your notes with indefinitely nestable tags. It doesn't use any WYSIWYG editor, Notable is just a pretty front-end vessel for a folder with a simple, clean and weightless structure. Developed by GitHub user Fabio Spampinato, released under the MIT license.
This is an amazing shading effect for images that take advantage of the shading capabilities of OpenGL brought to the web through ThreeJS. Essentially it's just setting ThreeJS up so that it renders a flat surface upon which to draw the shader. Created by CodePen user Liam Egan.
This is a mobile app design system for Sketch. The app that serves as a base for this library was built to help people find sports buddies and groups with similar sports preferences. It includes 64 different sports, each one with photos and a custom designed icons, that helps with the identification of each one. Designed by Dribbble user Ana Sousa for Hapibot Studio, free for personal use.
2000+ Full Body Vector Characters & Avatars, Only $19: Includes Ai, EPS, PSD & SVG Vectors, Unique Characters Performing Different Actions & Facial Expressions
B612 is a highly legible font family designed and tested to be used on aircraft cockpit screens. It contains regular, bold styles both with italics and an additional Monospaced version. The main characteristics of this font are the maximized distance between the forms of the characters with respect for the primitives of the different letters while harmonizing the forms and their spacing. Designed by Nicolas Chauveau and Thomas Paillot (intactile DESIGN) with the support of Jean‑Luc Vinot (ENAC). Prior research by Jean‑Luc Vinot (DGAC/DSNA) and Sylvie Athènes (Université de Toulouse III).
A vibrant, professional and modern landing page template crafted with Adobe XD. It makes great use of gradients shapes along its clean background and boasts impressive isometric illustrations that really establish the modern touch on the overall design. Created by Behance user Raman Yv, released under MIT license.
This is an awesome colorful CSS font. Each character is a single element with a class of CSSans:CHAR and each individual word goes inside a .cssans__word container. This will make sure all text is being spaced properly. You can customize the colors, weight, size and any other CSS related variable to meet your needs. Created by Andronache Izabela and Codrin Pavel.
This is a minimalistic images carousel built with FlexBox display layout and jQuery. The slider action is controlled via jQuery, styled by making use of pure CSS with a really nice transition effect that feels almost like if you were taking photographies. Created by CodePen user Veronica (@veronicadev).
430+ Vintage Engraving Illustrations, Only $17: PSD, Ai & EPS Vector Files, Individual & Pattern Versions, Fruits, Vegetables, Medicinal Herbs & More
