BestHub
Sign in

Frontend Development

Showing 100 articles max
Latest Popular
Old Zhang's AI Learning
Old Zhang's AI Learning
Jul 29, 2026 · Frontend Development

Turn Scientific Visualizations into Reusable Skills: 10 Open‑Source Interactive Experiments

The article presents z‑sci‑viz‑lab, a reusable Skill that transforms scientific concepts into single‑page interactive demos, outlines an eight‑step workflow, shows two usage patterns, details the Vite + Three.js + Canvas stack, and demonstrates nine concrete experiments ranging from eclipses to plate tectonics.

Three.jsVite+WebGL
0 likes · 13 min read
Turn Scientific Visualizations into Reusable Skills: 10 Open‑Source Interactive Experiments
Advanced AI Application Practice
Advanced AI Application Practice
Jul 26, 2026 · Frontend Development

Free UI Component Library with 5,400+ Open‑Source Elements for Designers

Uiverse is a completely free, open‑source UI component library offering over 5,400 ready‑to‑copy elements—including buttons, cards, loaders, inputs, and animations—plus code for CSS, HTML, Tailwind, and frameworks; the author explains how to use it for inspiration, animation reference, AI‑assisted coding, and provides practical usage tips and target audience guidance.

CSSTailwindUI Components
0 likes · 5 min read
Free UI Component Library with 5,400+ Open‑Source Elements for Designers
AI Architecture Path
AI Architecture Path
Jul 25, 2026 · Frontend Development

Escape the One‑Size‑Fits‑All AI Webpages: 16.8K‑Star Hallmark Delivers Truly Unique UI

The article dissects why AI‑generated pages often look identical—fixed layouts, gradient backgrounds, and fabricated data—and introduces Hallmark, a 16.8K‑star GitHub skill that randomizes macro structures, enforces 65 design‑quality checks, offers 22 themes and four commands to create, audit, redesign, or study pages, dramatically cutting rework.

AI-generated UIHallmarkOpen Source
0 likes · 14 min read
Escape the One‑Size‑Fits‑All AI Webpages: 16.8K‑Star Hallmark Delivers Truly Unique UI
AI Programming Lab
AI Programming Lab
Jul 24, 2026 · Frontend Development

Kimi K3 vs Qwen3.8‑Max: Which Model Handles Complex Front‑End Replication Better?

The author evaluates four large‑language models—Claude Fable 5, Qwen3.8‑Max, Kimi K3, and GPT‑5.6 Sol—by attempting a 1:1 front‑end recreation of Shopify’s Winter ’26 Editions page, and finds that Kimi K3 reproduces far more content and structure than Qwen3.8‑Max, though both have distinct strengths and weaknesses.

AI code modelsFront-end generationKimi K3
0 likes · 12 min read
Kimi K3 vs Qwen3.8‑Max: Which Model Handles Complex Front‑End Replication Better?
IT Services Circle
IT Services Circle
Jul 23, 2026 · Frontend Development

How to Skin OpenAI Codex Desktop Client with the Free Codex‑Dream‑Skin Tool

This article introduces the open‑source Codex‑Dream‑Skin project that lets you replace the default white‑on‑black UI of the OpenAI Codex desktop client with custom backgrounds, colors, and layouts, explains its Electron‑based implementation, and provides step‑by‑step installation guides for both macOS and Windows.

Chrome DevTools ProtocolCodex-Dream-SkinElectron
0 likes · 6 min read
How to Skin OpenAI Codex Desktop Client with the Free Codex‑Dream‑Skin Tool
IT Services Circle
IT Services Circle
Jul 23, 2026 · Frontend Development

Vuetify0 v1.0: The New Headless UI Engine for Vue 3

Vuetify0 v1.0 introduces a headless UI engine for Vue 3 that separates component logic from visual design, offering 40 headless components, 71 composables, full WAI‑ARIA support, tree‑shaking, zero‑plugin installation, and AI‑native tooling to empower developers to build custom design systems efficiently.

AI-NativeComposablesHeadless UI
0 likes · 11 min read
Vuetify0 v1.0: The New Headless UI Engine for Vue 3
Architect's Tech Stack
Architect's Tech Stack
Jul 20, 2026 · Frontend Development

Recreating Apple‑Style UI with the Open‑Source Skill Library (18.3K Stars)

The article introduces Emil Kowalski’s Apple‑design Skill, explains how it decomposes the hardest parts of the Apple Human Interface Guidelines into actionable rules, shows a quick npx installation, demonstrates responsive UI components, and highlights the library’s focus on precise feedback, physics‑based animation, and material depth.

Apple UIGitHubUI animation
0 likes · 4 min read
Recreating Apple‑Style UI with the Open‑Source Skill Library (18.3K Stars)
IT Services Circle
IT Services Circle
Jul 19, 2026 · Frontend Development

TanStack Table v9: A Cross‑Framework Table Engine Supporting 9 Frontend Frameworks

TanStack Table v9 transforms a React‑centric table library into a framework‑agnostic Table Engine that supports nine major frontend frameworks, offering a single core for sorting, filtering, pagination, virtual scrolling and more, while delivering up to 90% memory savings and 40‑70% performance gains for large‑scale data grids.

Cross‑FrameworkFeature ArchitectureTable Engine
0 likes · 8 min read
TanStack Table v9: A Cross‑Framework Table Engine Supporting 9 Frontend Frameworks
Java Companion
Java Companion
Jul 18, 2026 · Frontend Development

How a $199 Codex Skinning Tool Went Open‑Source (and How It Works)

The article examines the open‑source Codex Dream Skin project that injects custom CSS via CDP to fully re‑skin the OpenAI Codex desktop client, detailing its features, installation steps for macOS and Windows, security safeguards, and the broader implications of community‑driven UI customization.

CDPCodexElectron
0 likes · 8 min read
How a $199 Codex Skinning Tool Went Open‑Source (and How It Works)
Su San Talks Tech
Su San Talks Tech
Jul 17, 2026 · Frontend Development

How to Create and Sell Custom Codex Themes – A Step‑by‑Step Guide

This article walks through using the open‑source Codex‑Dream‑Skin project and GPT‑5.6 to customize Codex’s UI—changing backgrounds, colors, and widgets—while explaining the underlying Electron‑based injection technique and showing how the process can be turned into a small business.

AICDPCodex
0 likes · 7 min read
How to Create and Sell Custom Codex Themes – A Step‑by‑Step Guide
SpringMeng
SpringMeng
Jul 17, 2026 · Frontend Development

How to Customize Codex Themes for Free Using Codex Dream Skin

This guide shows how to register multiple Codex accounts, install the open‑source Codex‑Dream‑Skin project, run its default theme, and then create personalized themes such as forest or star, providing a free alternative to paid Codex theme services.

CodexGitHubOpen Source
0 likes · 3 min read
How to Customize Codex Themes for Free Using Codex Dream Skin
Top Architecture Tech Stack
Top Architecture Tech Stack
Jul 17, 2026 · Frontend Development

How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop

Claude Code’s new desktop‑side built‑in browser collapses the classic edit‑refresh‑inspect cycle by embedding code editing, live preview, screenshot, annotation and verification into a single workflow, offering shortcuts, permission controls and server configuration to streamline front‑end UI development.

AI coding assistantClaude CodeUI testing
0 likes · 15 min read
How Claude Code’s Built‑In Browser Shortens the Front‑End Development Loop
Java Tech Enthusiast
Java Tech Enthusiast
Jul 16, 2026 · Frontend Development

How to Build a Java Desktop App with Shadcn UI, React, and JxBrowser

This article demonstrates how to create a cross‑platform Java desktop application by embedding a React + TypeScript UI built with shadcn/ui inside a Chromium‑based JxBrowser view, covering window setup, resource loading for development and production, and two Java‑Web communication strategies (JS‑Java bridge and Protobuf + gRPC).

JavaJxBrowserProtobuf
0 likes · 7 min read
How to Build a Java Desktop App with Shadcn UI, React, and JxBrowser
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 16, 2026 · Frontend Development

7 Lesser‑Known CSS Properties That Can Wow Your UI

This article showcases seven uncommon yet powerful CSS properties—position:sticky, :empty, gap, background-clip:text, user-select, :invalid, :focus-within, and mix-blend-mode:difference—explaining their use cases, providing code examples, and noting compatibility considerations for modern web development.

:empty selector:focus-within:invalid
0 likes · 8 min read
7 Lesser‑Known CSS Properties That Can Wow Your UI