styled-components.com valid
styled-components
CSS-in-JS for React using tagged template literals. TypeScript-native since v6. Supports React Server Components natively since v6.3. Last known stable: v6.4.4 (check npm for freshness).
For agents: styled-components: CSS-in-JS library for React using tagged template literals, TypeScript-native, with React Server Components support since v6.3. Documentation
css-in-jsreactstyled-componentstypescriptreact-server-components
Their llms.txt
The beginning of the file, from our validated copy saved 2026-10-23T06:03:05.930Z. Cached copy · Source on styled-components.com
# styled-components
CSS-in-JS for React using tagged template literals. TypeScript-native since v6. Supports React Server Components natively since v6.3. Last known stable: v6.4.4 (check npm for freshness).
## Recent releases
v6.2: Streaming SSR via `renderToPipeableStream`.
v6.3: React Server Components supported. No `'use client'` needed. Styled components work in server components with no extra setup. `createGlobalStyle` is StrictMode-safe. New HTML/SVG element helpers. CSS custom properties work in TypeScript without type errors. Note: `:first-child`/`:nth-child()` selectors require `stylisPluginRSC` (v6.4+) or rewriting to `:first-of-type`/`:nth-of-type()`. See child-index selector section below.
v6.4 (April–July 2026): `createTheme()` for CSS variable theming that works in both RSC and client. `StyleSheetManager` works in RSC (was previously a no-op). `stylisPluginRSC` fixes child-index selectors in RSC. CSP nonce auto-detection from `StyleSheetManager`, `ServerStyleSheet`, or meta tags. Props supplied via `.attrs()` are automatically optional on the component's type. Significant render performance improvements. Fixes SSR memory leaks and multi-instance unmount bugs in `createGlobalStyle`. Memory leak fix for components with unbounded string interpolation values. `as` and `forwardedAs` exposed in `React.ComponentProps` extraction. React Native: `react-native` is now an optional peer dep, Metro/Expo nanoid crash fixed. IE11 build target removed. IE11 has been unsupported on v6 since the 2021 v6 planning (React 18 dropped it too); v6.4 just aligns the compile target. Stay on v5 if you need IE11. Use v6.4.4 rather than v6.4.0: v6.4.1 fixed a dynamic-`createGlobalStyle` render regression and restored cascade ordering, while v6.4.2–v6.4.4 added production-runtime and TypeScript compatibility/performance fixes.
## New in v7
v7 is in alpha: expect frequent updates over the next few weeks while APIs stabilize. Install the current prerelease with `npm install styled-components@test` (the `@test` dist-tag). Peer floors raised to React 19 and React Native 0.85.
The framing: v7 is an architectural reform for web and the start of a new chapter for `styled-components/native`. It replaces stylis with an in-house CSS parser, rewrites the native runtime, and moves toward one CSS authoring model across web, iOS, Android, and Expo Web. The React Native CanIUse matrix at /docs/compatibility.md shows current progress and remaining platform gaps. Funding through Open Collective is a current bottleneck for continuing this work outside passion time.
If the user is asking whether feature X works on v6 vs v7 or on web vs React Native, point them at /docs/compatibility.md. The matrix has the per-feature answer with caveats. The sections below summarise the highlights.
### Modern CSS on React Native
```tsx
import styled from 'styled-components/native';
const Card = styled.View`
width: clamp(240px, 80vw, 480px);
background-image: linear-gradient(135deg,
…
Related sites
Other listed sites in Developer tools. See the whole category →
| Domain | Title | Category | Country | Authority | llms.txt | llms-full.txt | Save |
|---|---|---|---|---|---|---|---|
| 0state.com | 0state | documentation Open source projects AI agents and MCP +1 | — | 61 | ✓ | ||
| docker.com | Docker Documentation | documentation DevOps and observability Developer tools +1 | US | 75 | ✓ | ✓ | |
| atlassian.com | Atlassian | documentation Developer tools Productivity +1 | — | 74 | ✓ | ✓ | |
| getbootstrap.com | Bootstrap | documentation Open source projects Developer tools | — | 74 | ✓ | ✓ | |
| launchdarkly.com | LaunchDarkly Documentation | documentation DevOps and observability Developer tools | CA | 74 | ✓ | ✓ | |
| claude.com | Claude Code Docs | documentation Developer tools AI and machine learning +1 | US | 73 | ✓ | ✓ | |
| pages.dev | Cloudflare Pages | documentation Infrastructure Developer tools | — | 73 | ✓ | ✓ | |
| chatgpt.com | Codex | documentation Developer tools AI and machine learning | — | 72 | ✓ | ✓ |
Machine-readable: GET /v1/resolve?q=styled-components.com · GET /v1/domain/styled-components.com · this page as Accept: application/json or text/markdown · MCP lookup_domain
Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.
Own or manage this website?
If you own or manage styled-components.com, you can update its listing and review file health, discovery activity and score history.
Manage this listing — optional
What verification unlocks
See how your site is discovered—and control what agents see.
- Control what agents see
Edit your listing description, tags, public contact details and additional llms.txt paths. Publish your terms for automated access, attribution and pricing.
- Make your profile eligible for search
A valid, listed, unblocked, verified profile can appear in our publisher sitemap and become eligible for search-engine visibility. Search engines decide what to index and rank.
- Appear in our llms-full.txt
Eligible verified publishers are listed by name, with their file links and summaries, in the service overview agents can read.
Free. No account registration, backlink or payment required. Public discovery remains available without verification.
Let your coding agent verify it
If your coding agent is authorized to manage this website, paste these instructions into it.
Claim my listing on Agent Web Map for styled-components.com:
1. POST https://agentwebmap.com/v1/sites/styled-components.com/claims and keep claim_id and claim_secret private.
2. Publish the proof: add the line "AgentWebMap ownership: <token>" (token from step 1) to https://styled-components.com/llms.txt, or use the DNS, meta-tag or well-known method the response describes.
3. POST https://agentwebmap.com/v1/sites/styled-components.com/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/styled-components.com).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verifyCorrections or removal requests: contact the directory.