Announcing v3 | Chakra UI
Today, we're excited to announce the long-awaited release of Chakra UI v3. The feedback for Chakra v3 has been incredible and we appreciate those who took the time to test and catch bugs. Chakra v3 is a complete rewrite of Chakra to enhance it's performance, speed and consistency across components. We've also added over 25 new components, and that's just the beginning. Credits Before giving you a
The anatomy of shadcn/ui
If you were roaming around in the JavaScript ecosystem this year you might have come across this interesting UI library called shadcn/ui. Instead of being distributed as a npm package, the shadcn/ui components are delivered through a CLI that puts the source code of the components into your project itself. The creator mentions the reason for this decision in the official website for shadcn/ui, Why
Introducing MUI Base: the headless alternative to Material UI - MUI
While Material UI is excellent for building sleek user interfaces that adhere closely to Material Design, it can become unwieldy when your design system diverges significantly from the defaults. We get it. We've all been there. That's why we're building an entirely new library of headless React UI components and hooks called MUI Base—to give you complete control over the look and feel of your user
Introducing MUI Core v5 - MUI
CodeSandbox You can find it in styled-components, emotion, goober, stitches, or linaria. While Material UI is compatible with any styling solution (as long as the styles have more specificity, for example, Tailwind CSS), many developers still felt the need to learn something new: the makeStyles API. Our React integration with JSS (@mui/styles) is too slow to unlock the next layer of customization
Happo - Cross-browser screenshot testing
Make sure your app design system business product store startup portfolio brand landing page website enterprise dashboard platform marketing site prototype appdesign systembusinessproductstorestartupportfoliobrandlanding pagewebsiteenterprisedashboardplatformmarketing siteprototype looks great all the time on mobile in Chrome on a tablet in iOS Safari in dark mode in Firefox as you iterate before
ReactのUIコンポーネントライブラリの一覧表(2017/5版) - Qiita
はじめに Reactでは様々なリッチなコンポーネントが使えます。Electronで使いたいので調べてみました。 どんなリッチコンポーネントが提供されているか調べるため、 「react best ui library」などで検索してまとめました。 この記事は、そんなライブラリのまとめです。サンプリングは厳密ではないので参考までに。 下の図は、いくつかのライブラリのデモからピックアップしたものです。 「react best ui library」でヒットしたページのまとめ 以下の５つのサイトで紹介されているものの表を作ってみました。 英語の記事 ① 10 Best ReactJS UI Frameworks for rapid prototyping ② What is the best UI component library for a React based web app. ③ 19
Component Lifecycle Simulators — React Armory
This simulator allows you to step through each lifecycle method as a component is initialized and mounted, and watch how this.state and this.props respond to various actions at each point in time. How to use:Press Instantiate to start the simulation.Press Set this.state to run this.state = { next: 1 }.Press Call setState to simulate a call to this.setState that increments this.state.next.Press Cha
Expired - domain expired
Domain Suspension This domain has expired and is now suspended. If you would like to restore it please contact the registrar used to register your domain. You can check the registrar used for your domain at whois.CO. Este dominio ha expirado y está ahora suspendido. Si usted es el titular del dominio y quisera recuperarlo, por favor contacte el registrador que fue usado para registrar el dominio.
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
Duo.jsちょっと使ってみた #duojs - pirosikick's diary
Duo - A next-generation package manager for the front-end. ちょっと良さ気だったので調べてみた。 準備 # install duo $ npm install -g duo Github APIを使うらしく、duo用にAPI Tokenをここから生成し、 ~/.netrcに下記フォーマットで保存する。 # なんかGHEとかもできそうな感じがするけど調べてはいない machine api.github.com login <username> password <生成したGithubのapi token> これで準備完了。 使う var uid = require('matthewmueller/uid'); var fmt = require('yields/fmt'); var msg = fmt('Your unique ID
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JollyUI
GitHub - fullcalendar/fullcalendar: Full-sized drag & drop event calendar in JavaScript
The Component Gallery
Mantine
https://choc-ui.tech/
GitHub - segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment
Bit. Composable software.
GitHub - TheLarkInn/unity-component-specification: This is a WIP draft of the Unity (Single File Web Component) Specification
GitHub - JetBrains/ring-ui: A collection of JetBrains Web UI components
真のコンポーネント粒度を求めて
