agnosticui
reakit
Our great sponsors
agnosticui | reakit | |
---|---|---|
3 | 13 | |
701 | 7,607 | |
0.7% | 1.3% | |
0.0 | 9.9 | |
4 months ago | 8 days ago | |
Svelte | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
agnosticui
-
UI Library template
I like peeking at Agnostic UI.
-
15 UI Component Libraries for Vue 3 in 2022
AgnosticUI (100 stars on GitHub) Disclaimer: I'm the author! AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue, Angular, and Svelte.
-
I finally switched from Sapper to SvelteKit
My main motivation for updating the blog is that I'd like to incorporate agnostic-svelte examples and dog-food that package. The main AgnosticUI site leverages Vitepress which allows you to use Vue components within your content. So, any rendered examples you see are using Vue 3 under the hood. As I'm big on verification through tried-and-true real usage, I wanted to start creating Svelte templates here on my blog as well.
reakit
-
⚡Top GitHub Repositories for UI Components
🔍 Site ⭐ GitHub
-
Do you think the future of website development is MERN + Typescript because it uses Typescript as the main programming language?
Typescript is a mistake. Static typing seemed like such a potentially good thing to add to javascript, but the reality is it's a nightmare to work with. If you don't believe me, go to Reakit's github and tell me the complete set of valid options for creating a tooltip.
-
Adopt open-source 'accessible' UI libraries?
As a tech lead (or whoever makes the technical decision), it looks very tempting to adopt the open source UI libraries, if possible. In the React.js land, I used a bit of Charkra UI and Reakit.
-
What styleless component library would you recommend?
I'm currently considering React-aria, HeadlessUI, Radix-ui and Reakit for reimplementing the user-interface for a customer, but i find it hard to choose.
-
Considering the UX
I’ve got some libraries I’m looking into to fill the gap. Currently looking at radix, reakit, and react-spectrum.
-
Awesome Things Related To React Hooks 😍
reakit - Toolkit for building accessible rich web apps with React
-
10 UI Library to Make Your React App Development Faster
Reakit is a lower-level component library for building accessible high-level UI libraries, design systems and applications with React. Reakit is tiny and fast.
-
⚛️ 25+ Top React UI Component Library.
1. Reakit
-
Commonly used libraries (standard "go to") for medium size application
Regardless of what you use for styling though, you should look into so-called headless ui components. These are hooks and components only focused on functionality and accessibility, which you then use to build your own styled components. Some examples are https://reakit.io/, https://www.downshift-js.com/ and https://headlessui.dev/.
-
Designing Keyboard Accessibility for Complex React Experiences
For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.
What are some alternatives?
elemental - A flexible and beautiful UI framework for React.js
awesome-react-components - Curated List of React Components & Libraries.
primereact - The Most Complete React UI Component Library
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
carbon - A design system built by IBM
mantine - A fully featured React components library
grommet - a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
rebass - :atom_symbol: React primitive UI components built with styled-system.
vant - A lightweight, customizable Vue UI library for mobile web apps.
antd - An enterprise-class UI design language and React UI library
office-ui-fabric-react - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.