# Fresh perspectives · Design resources

Board: https://swipefile.design/board/fresh-perspectives-design-resources/
References: 14

Use this board as design direction for my project. Review the references below, identify useful layout, typography, color, and interaction patterns, then adapt them to my brief. Cite the original references you use.

Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.

## 1. Phosphor Icons

Source website: https://phosphoricons.com/
Swipefile reference: https://swipefile.design/ref/phosphor-icons/
Screenshot: https://swipefile.design/_astro/preview.hJAdoyZm.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Icons

An icon family with multiple weights for interfaces, diagrams and presentations.

Useful for: Compare weights and choose consistent icons for navigation, actions and status.

## 2. Tabler Icons

Source website: https://tabler.io/icons
Swipefile reference: https://swipefile.design/ref/tabler-icons/
Screenshot: https://swipefile.design/_astro/preview.Gukvwvld.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Icons

A searchable collection of outline icons with download options and usage examples.

Useful for: Find a consistent outline icon language for dashboards and product interfaces.

## 3. React Bits

Source website: https://reactbits.dev/
Swipefile reference: https://swipefile.design/ref/react-bits/
Screenshot: https://swipefile.design/_astro/preview.KGSpWhk9.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Components

A React component collection focused on animated text, backgrounds and visual interactions.

Useful for: Explore motion treatments and interactive component examples for a product or portfolio.

## 4. coss ui

Source website: https://coss.com/ui
Swipefile reference: https://swipefile.design/ref/coss-ui/
Screenshot: https://swipefile.design/_astro/preview.DbRiK1DJ.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Components

A component catalog built on Base UI, with compact previews of common interface primitives.

Useful for: Study consistent form controls, dialogs, navigation and input patterns.

## 5. Kibo UI

Source website: https://www.kibo-ui.com/
Swipefile reference: https://swipefile.design/ref/kibo-ui/
Screenshot: https://swipefile.design/_astro/preview.CaxdI3uY.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Components

A library of composed shadcn/ui components presented with interface previews and documentation links.

Useful for: Explore larger interface building blocks beyond individual buttons and inputs.

## 6. Codrops

Source website: https://tympanus.net/codrops/
Swipefile reference: https://swipefile.design/ref/codrops/
Screenshot: https://swipefile.design/_astro/preview.CpHQtbwl.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Learning & Tutorials

A publication of creative web experiments, implementation tutorials and studio case studies.

Useful for: Find detailed references for interactive typography, WebGL and image effects.

## 7. Happy Hues

Source website: https://www.happyhues.co/
Swipefile reference: https://swipefile.design/ref/happy-hues/
Screenshot: https://swipefile.design/_astro/preview.CppkC66q.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Colors

Curated color palettes applied to a complete example page, with swatches alongside the design.

Useful for: Judge a palette in context across backgrounds, headings, text and primary actions.

## 8. Velvetyne

Source website: https://velvetyne.fr/
Swipefile reference: https://swipefile.design/ref/velvetyne/
Screenshot: https://swipefile.design/_astro/preview.BrUc97gF.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Fonts

An independent type foundry catalog with large specimens and expressive display typefaces.

Useful for: Find distinctive display typography and compare letterforms at a useful scale.

## 9. Google Fonts Knowledge

Source website: https://fonts.google.com/knowledge
Swipefile reference: https://swipefile.design/ref/google-fonts-knowledge/
Screenshot: https://swipefile.design/_astro/preview.DuB_j2bU.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Learning & Tutorials

An illustrated typography learning hub covering type selection, font technology and text design.

Useful for: Build a stronger basis for font pairing, variable fonts and readable interface typography.

## 10. DrawKit

Source website: https://www.drawkit.com/
Swipefile reference: https://swipefile.design/ref/drawkit/
Screenshot: https://swipefile.design/_astro/preview.BWn1KcvN.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Illustrations

A visual catalog of illustration packs, icons and animated artwork.

Useful for: Explore coherent illustration styles for onboarding, empty states and landing pages.

## 11. ManyPixels Illustrations

Source website: https://www.manypixels.co/gallery
Swipefile reference: https://swipefile.design/ref/manypixels-illustrations/
Screenshot: https://swipefile.design/_astro/preview.CE6Rm5pd.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Illustrations

An illustration library organized by visual style, with search and category controls.

Useful for: Choose a consistent illustration family and browse assets for product storytelling.

## 12. Geist Design System

Source website: https://vercel.com/geist/introduction
Swipefile reference: https://swipefile.design/ref/geist-design-system/
Screenshot: https://swipefile.design/_astro/preview.DZf1uLGC.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Design Systems

Vercel’s design-system reference brings brand assets, components, colors and typography into one documentation shell.

Useful for: Study how a restrained product system documents its foundations and interface rules.

## 13. Navbar Gallery

Source website: https://www.navbar.gallery/
Swipefile reference: https://swipefile.design/ref/navbar-gallery/
Screenshot: https://swipefile.design/_astro/preview.BuyX8PKb.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Inspiration Libraries

A navigation-pattern gallery with a sidebar of menu types and visual website examples.

Useful for: Compare static navigation, dropdowns, mega menus and full-screen menu patterns.

## 14. Observable Plot

Source website: https://observablehq.github.io/plot/
Swipefile reference: https://swipefile.design/ref/observable-plot-gallery/
Screenshot: https://swipefile.design/_astro/preview.DiofMJdA.webp
Captured: 2026-09-05 | Scope: viewport | Type: asset | Style: Data Visualization

A JavaScript plotting library introduced through a rich collage of chart examples and documentation links.

Useful for: Explore chart types and implementation examples for analytical interfaces.

View board: https://swipefile.design/board/fresh-perspectives-design-resources/
Swipefile: https://swipefile.design/