Search Results for "smooth"

Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components or Emotion. It is focused on developer experience, and productivity. You can focus on what you want to build instead of on how to build it. BrowserStack allows us to test in real browsers.

...Everything new in Shards is well documented so you can start building beautiful interfaces as soon as possible. Each component was designed from scratch and comes enhanced with smooth micro-interactions to better fit Shards’ strong design system. Shards comes packed with 10 extra custom components that help to cover almost any type of interface requirements and also 2 custom pre-built landing pages. Icons from both Material and Font Awesome packs (1500+) are supported by default and can be placed in almost any element without the need of adjusting the kit.

...It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. ...

...Importing components and their style sheets only when needed truly liberates you from excessive file sizes. To avoid unnecessary repaint and reflows, Mint UI handles animations using CSS3, so that users can enjoy smooth motions even on mobile devices. Thanks to the efficient component-based approach of Vue.js, Mint UI is pretty light-weight. When all imported, the compressed code takes only ~30kb (JS + CSS) gzip space.

...Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time for the user to adjust. Smooth transitions reduce the effort it takes for users to get settled into a new environment. Javascript SPA frameworks, sometimes referred to as MVC frameworks, are a common way to solve this issue. These frameworks often lose the benefits of unobtrusive code. Writing unobtrusive javascript gives us more resilience to errors, and improved performance and accessibility. smoothState.js provides hooks that can be used to choreograph how elements enter and exit the page during navigation.

LiveMenu is a free multilevel drop-down like menu script, which allows you to create dynamic javascript web menus with only basic knowledge of html and css. It is highly-customizable, easy to use and supports a number of effects: slide, fade etc.