ladle
base web
Our great sponsors
| ladle | base web | |
|---|---|---|
| 9 | 20 | |
| 2,456 | 8,623 | |
| - | 0.6% | |
| 8.4 | 8.4 | |
| 14 days ago | 18 days ago | |
| TypeScript | TypeScript | |
| MIT License | 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.
ladle
- PSA: Storybook sends telemetry data, opt-in by default
-
Component development with ladle and next/image
After another look at issue #100, we can tell next/image that it should skip the optimization if the component is rendered in Ladle. That is fine, because the bandwidth does not play a big role during the development. With the following code placed inside .ladle/components.tsx ...
-
Storybook 6.5 is out—new workflows and perf improvements
What you guys think of Ladle?
- Ask HN: What are the best alternatives to Storybook
-
Introducing Ladle for React Stories
The new set of web tools is coming and brings huge performance wins. Ladle is using them to provide a significantly faster environment for developing, sharing and testing your React components. Are you ready to give it a try? Also, check our GitHub and give us ⭐.
-
Trying out Ladle - A Storybook Alternative
I notice that changes to the actual story are not reflected in Ladle immediately and require a page refresh. The console spits out that Vite HMR received a “hot update” but nothing happens. Strange. Storybook on the other hand reloads as expected. Unless I’m doing something wrong here, this is a bug that should be taken care of by the Ladle team as soon as they can. Seems that there is an issue already on the matter.
-
Introducing Ladle, a drop-in alternative to Storybook for React components. Based on Vite , instant server start, 4x faster production build, 20x smaller footprint, code-splitting, fast refresh, single dependency & command and no configuration required.
Can you reproduce it with https://stackblitz.com/edit/ladle & create an issue at https://github.com/tajo/ladle/issues?
base web
-
⚡Top GitHub Repositories for UI Components
🔍 Site ⭐ GitHub
-
Primary vs Secondary button
Uber's
-
Best UI libraries for React?
Base web https://baseweb.design/ or Material UI https://mui.com/
-
Making a Design Systems collection, any more out there you know?
Great, thank you! There are many I've already found at first look. Which design system do you think is the best? I always look for the ones that come with code, like Uber's Base and IBM's Carbon Design System both built with React.
-
What do you use for styling React
I've also played around with Base which has much more flexibility but takes a little more work to use.
-
Introducing Ladle for React Stories
We used Base Web to benchmark Ladle and latest Storybook v6.4.19. Base Web is a complex component library and has about 350 stories. The Storybook uses the default bootstrapped settings. The test is made on MBP 2018, i7 2.7 GHz. The time is measured in seconds and less is better.
-
Building a responsive dashboard with Base Web and React
A standout example of these is Base Web (in npm as baseui), a design system and UI library created by Uber to help devs create beautiful, device-agnostic apps. Base Web consists of a series of React components and is designed to be “reliable, accessible, and extensively customizable.”
-
Looking for a Material UI alternative
Base Web! By far the most underrated UI library, which is open sourced and maintained by Uber. Visually it’s unopinionated because it’s meant to be overridden, and has a nice API for overriding every aspect of it with a robust theming config.
-
Is there any commonly used or standard used UI library in React?
From evergreen : https://evergreen.segment.com/ From uber : https://baseweb.design/
-
Late Night Random Discussion Thread - 04 December, 2021
Eg : Uber's design system
What are some alternatives?
storybook - 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! [Moved to: https://github.com/storybookjs/storybook]
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
vite - Next generation frontend tooling. It's fast!
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
rollup-plugin-chrome-extension - Bundling Chrome Extensions can be pretty complex. It doesn't have to be. [Moved to: https://github.com/crxjs/chrome-extension-tools]
primereact - The Most Complete React UI Component Library
js-diary - 📙In-browser live coding environment with markdown & JSX support for JavaScript
office-ui-fabric-react - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
vtx - VTX, vite multi-apps, libs and packages.
antd - An enterprise-class UI design language and React UI library