Front-end

189 bookmarks
Newest
Nuxt
Nuxt
The Intuitive Vue Framework. Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.
·nuxt.com·
Nuxt
The Component Gallery
The Component Gallery
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
·component.gallery·
The Component Gallery
Remix
Remix
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.
·remix.run·
Remix
Style Dictionary
Style Dictionary
Style once, use everywhere. A build system for creating cross-platform styles. A single place to create and edit your styles, and a single command exports these rules to all the places you need them
·amzn.github.io·
Style Dictionary
Chakra UI
Chakra UI
A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Built with Styled System
·chakra-ui.com·
Chakra UI
story.to.design
story.to.design
Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.
·story.to.design·
story.to.design
Zeroheight
Zeroheight
Document your design systems, together. Create beautiful design system documentation collaboratively with zeroheight
·zeroheight.com·
Zeroheight
Histoire
Histoire
A new way to write stories. Powered by Vite. A story is a scenario where you showcase in your browser one or more components for specific use cases.
·histoire.dev·
Histoire
Backlight
Backlight
Empower your front-end with a collaborative design system platform: code, design, stories, tests, documentation, versioning, npm release and more. Start now!
·backlight.dev·
Backlight
Refactoring UI
Refactoring UI
Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.
·refactoringui.com·
Refactoring UI
Solid Toast
Solid Toast
Create beautiful, customizable & lightweight toasts with Solid JS. Personalize the content of your toasts with custom JSX, icons, style attributes, color accents and more!
·solid-toast.com·
Solid Toast
Astro
Astro
Build faster websites. Pull content from anywhere and serve it fast with Astro's next-gen island architecture. Astro is the web framework that you'll enjoy using.
·astro.build·
Astro
Adobe Spectrum Design System
Adobe Spectrum Design System
Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.
·spectrum.adobe.com·
Adobe Spectrum Design System
Whitebox Geospatial
Whitebox Geospatial
Welcome to the Whitebox Geospatial. The home of the open-source, fast, innovative, and company geospatial software, WhiteboxTools.
·whiteboxgeo.com·
Whitebox Geospatial
OpenLayers
OpenLayers
OpenLayers makes it easy to put a dynamic map in any web page, for free. It can display map tiles, vector data and markers loaded from any source.
·openlayers.org·
OpenLayers
Thunderforest
Thunderforest
Maps for your apps. You need reliable, accurate, high-quality maps for your applications and websites. We have great maps, APIs and services ready for you.
·thunderforest.com·
Thunderforest
Shoelace
Shoelace
Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.
·shoelace.style·
Shoelace
Hilla
Hilla
Hilla is a modern framework for Java that integrates a Spring Boot Java backend with a reactive TypeScript frontend. It includes all the UI components and tools you need so you can focus on building your app.
·hilla.dev·
Hilla
CSSBattle
CSSBattle
CSS Code Golfing Game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.
·cssbattle.dev·
CSSBattle
CSS Scan
CSS Scan
The fastest and easiest way to check, copy and edit CSS. Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
·getcssscan.com·
CSS Scan
Hover.css
Hover.css
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
·ianlunn.github.io·
Hover.css
Lit
Lit
Simple. Fast. Web Components. Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
·lit.dev·
Lit
Salesforce Lightning Design System
Salesforce Lightning Design System
Design System Fundamentals. Magnifying glass. Component Blueprints. Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience
·lightningdesignsystem.com·
Salesforce Lightning Design System